How to center the slideshow on the Modularity Lite theme? WordPress

• SOLVED

My site: www.DaCostaChocolates.com

My issue: I made the images on the slide show smaller than the required 950px wide. Now, the slide show is aligning to the left and I want it to align in the center.
Can someone help me with this one?

This is the current code for the slide show:



/* ************************ SLIDESHOW ********************************/
ul#portfolio {padding:0;list-style:none;margin:0 0 1em;overflow:hidden;max-height:590px;}
ul#portfolio li {list-style:none;padding:0;}
ul#portfolio li h4 {margin: 0 0 .5em 0;text-transform:uppercase;padding:0 16px;}
ul#portfolio li img {max-width:950px;text-align:center;margin:0;image-align:center;}



Thank you,

Andre

Answers (2)

2010-01-07

Utkarsh Kukreti answers:

Add this css to your style.css

ul#portfolio {margin-left:auto; margin-right:auto; width:600px; }


Edit:
Make it
/* ************************ SLIDESHOW ********************************/

ul#portfolio {padding:0;list-style:none;margin:0 auto 1em;overflow:hidden;max-height:590px; width:600px}

ul#portfolio li {list-style:none;padding:0;}

ul#portfolio li h4 {margin: 0 0 .5em 0;text-transform:uppercase;padding:0 16px;}

ul#portfolio li img {max-width:950px;text-align:center;margin:0;image-align:center;}


2010-01-07

Meredith Marsh answers:

in your css...

ul#portfolio {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 auto 1em; <----- put auto in there to center
max-height:590px;
overflow:hidden;
padding:0;
width:450px; <----- change the width to 450px or something that suits.
}