Monitor Reply

Support

Min-width/max-width center image

Permalink Browser Info Environment March 05, 2014 at 3:18 PM

Hi-

I added

.nivoSlider img {max-width:1367px !important; min-width:990px !important; }

to the CSS. That works nicely except I now want it centered. I've tried may options, the first one starts centered, the the following images animate in from the left then jump to the center. Any ideas on how to the the reminaing images to always be centered?

Thanks,
Tony

Type:	Discussion
Status:	New

shahroq replied on Mar 6, 2014 at 2:36 pm Permalink Reply

Hi,
I suppose centering images by your approach needs some modification at main js file, that i do not recommend.
My recommendation would be add this your custome width/height to main container(.slider-wrapper).
I think adding something like this would do what you want to do nicely:

.slider-wrapper{
   margin-left:auto;
   margin-right:auto;
   max-width:1367px !important; 
   min-width:990px !important; 
}

kenowa replied on Mar 6, 2014 at 3:19 pm Permalink Reply

Thanks! I'll give that a shot!

Whale Nivo Slider

Support

Min-width/max-width center image

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post