before
[nivo post_parent=2155 theme=default271]
after
[nivo post_parent-2155 class=nivocenter theme=default271]
div.nivocenter { margin: 0 auto; width: 300px;}
div.nivocenter div.slider-wrapper { margin: 0 auto; width: 200px; }
div.nivocenter .nivo-caption {margin-left: -40px; width: 140%; }
div.nivocenter { border: 1px solid gray; }
div.nivocenter div.slider-wrapper { border: 1px dotted gray; }
- The first line of CSS positions the main div for the slider in the centre
- The second line positions the slider wrapper in the centre of the main div and sets the width to the width of the images we’re displaying
- The third line adjusts the caption’s width and repositions it to make it look as though the slider images are centred.
- The border stlyes in lines 4 and 5 are just to help you see how the divs are arranged.