center align lightbox

[chechu]

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]

Open the nivo-lightbox.css and add


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

I'm not sure about the arrow.

[chechu]

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]

Anyone, please?