Follow vsgloik on Twitter
oik-plugins
lazy smart shortcodes

nivo slider is wider than my images

A blank space to the right of each image indicates that the nivo slider is wider than your images.
The space on the right is because the nivo slider part of the code sets its width to the size of the containing div but your images are smaller.
You can control this by using CSS classes on the slider-wrapper or theme-default selector.

Before

1976-Blind-Dog-at-St-Dunstans1977-Better-By-Far1980-The-Album1983-Back-To-Front
[nivo]

After

1976-Blind-Dog-at-St-Dunstans1977-Better-By-Far1980-The-Album1983-Back-To-Front
[nivo class=mw200]


Use custom CSS ( Edit custom CSS ) to set the max-width of the slider.
Here we do it by setting a class on the slider to mw200 which is defined as

div.mw200 div.slider-wrapper { max-width: 200px; }

You can also set the max-width for all instances of the slider

div.slider-wrapper { max-width: 618px; }

or set it on a specific page

div#post-53 div.slider-wrapper { max-width: 618px; }

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

vsgloik oik-plugins
Work