Codeinwp / Nivo-Lightbox-jQuery

A simple, flexible, responsive, retina-ready jQuery lightbox plugin.
http://dev7studios.com/nivo-lightbox
MIT License
157 stars 87 forks source link

Fix for cut off "X" close img, if using lightbox with bootstrap. #38

Closed chasegiunta closed 8 years ago

chasegiunta commented 10 years ago

If using bootstrap, a global box-sizing attribute causes a small issue with the close image button, using the default nivo lightbox theme.

Eccenux commented 10 years ago

Good point, but you are using too broad selector with unnecessarily important directive. Only .nivo-lightbox-theme-default .nivo-lightbox-close can actually be affected by box sizing effects and it's the only one that should be changed to avoid future problems.

So this should be enough:

.nivo-lightbox-theme-default .nivo-lightbox-close {
...other properties...
box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-webkit-box-sizing: content-box;
}