Slider Images Not Centered

[Kent]

Hi,

I'm confused. Can anyone tell me why a slider set to dimensions of 575x325 and a feature image with the same dimensions does not equal a feature image centered directly in the slider window?

Example: http://kentfackenthall.com/rossneilsen/

I've adjusted slider css to remove borders, padding, etc, no dice.

Thanks,

-Kent

---

Dad. Biker. Designer. | kentfackenthall.com

[David Chu]

Hi,
Ah, that Amped theme. 🙂 I have a business client that uses that, and it looks, well, so rock and roll. 🙂 Anyhow... there are a LOT of moving parts, so identifying every little bit can't be done easily from outside. But I've got one clue for you. Note the width of this DIV. It's somewhat different from 575px, and that may be a starting point for an investigation.

.featured-top-right {
  float: right;
  margin: 0;
  padding: 0;
  width: 580px;
}

Hope that helps a bit.
Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Kent]

Thanks David,

I'll dig around a bit in that direction.

-Kent

---

Dad. Biker. Designer. | kentfackenthall.com

[David Chu]

Sounds good, Kent!

Even as a CSS hacker, I can sympathize - sliders are very complicated, loads of HTML and loads of CSS. And a whole lot of them have padding or margins you don't know about until you start digging.

When you think about a slider, it's pretty amazing: generally they are wider than your page, and they selectively display, vanish, and slide stuff back and forth, and now people stuff everything possible into them. Making that work is a feat of coding. 🙂

Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Kent]

Dave,

Thanks, I figured it out but it's been awhile so I don't remember exactly what I did! Closing the post though.

Cheers!

---

Dad. Biker. Designer. | kentfackenthall.com

[Author]

Posts