PDA

View Full Version : center align lightbox



chechu
02-17-2017, 09:01 PM
Hey all,

In this portfolio section (http://brunomazereel.com/#portfolio) you can click on images, and they will pop up enlarged.
But the enlarged images do not show up aligned centered. Smaller images tend to show towards the left.
How come?

And when enlarged how can I get the arrow to be shown as a minimize icon?

Thanks for helping me out here!

mlegg
02-17-2017, 09:38 PM
Open the nivo-lightbox.css and add


margin-left:auto;
margin-right:auto;

I'm not sure about the arrow.

chechu
02-17-2017, 10:08 PM
Thanks for your reply.
I added it here:

.nivo-lightbox-image img {
max-width: 100%;
max-height: 100%;
margin-left:auto;
margin-right:auto;
vertical-align: middle;
}

and here:


.nivo-lightbox-content {
width: 100%;
height: 100%;
margin-left:auto;
margin-right:auto;
}

But it doesn't seem to work.

Here's the full code (http://brunomazereel.com/css/nivo-lightbox.css).

chechu
03-17-2017, 12:53 PM
Anyone, please?