Center Image in Responsive Slider?

[Mark]

I'm using the Legacy theme and have the Genesis Responsive Slider on my home page.

All of the images on my pages have  proportions of about 640x480. I'd like to show the full image centered within the slider. Currently it sits flush left with nearly 300 pixels of nothing to the right except an arrow hanging out there.

Is it possible to specify that the images be centered?

Thanks.

[asdweb]

Post a link to your site so we can look at it.

---

Amy Susan Design.com @AmySusanDesign

[Mark]

Thanks. I built the site on my computer and have spent far too much time trying to transfer it to the Yahoo host (it's where the owner set things up),

Here's the site: detailsmakethedifference.com

Any thoughts are appreciated.

 

[asdweb]

add this to style.css

ul.slides img {
margin: 0 165px;
}

div.slide-image {
background-color: #f1f2f1;
}

You may need to adjust the margin to suit.
The background-color replaced the white, if you'd want to do that.

---

Amy Susan Design.com @AmySusanDesign

[Pinky]

Hey Mark

If you add this to your style.css it will center the images for you.

.flexslider .slides {
margin-left: 140px;
}

If you want to get rid of the white area, you can go to line 129 of your style.css and replace this:

.flexslider {
background: #fff;
position: relative;
zoom: 1;
}

With this:

.flexslider {
background: none;
position: relative;
zoom: 1;
}

Hope that helps

---

cheers

Pinky

[Author]

Posts