$10
How to center the slideshow on the Modularity Lite theme?

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

Andre Costa | 01/07/10 at 10:15am | Edit

align, modularity, slide show

(2) Possible Answers Submitted...

Last edited:
01/07/10
10:25am
Meredith Marsh says:
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.
}

Last edited:
01/07/10
11:01am

Utkarsh Kukreti says:

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;}

Previous versions of this answer: 01/07/10 at 10:28am | 01/07/10 at 10:57am

This question has expired.

Current status of this question: Completed

Ask a Question!