Centering Title on Genesis Responsive Slider

[CreativeKristi]

Hello! I am trying (as per a client's request) to center just the title (she is not using excerpts on the slider) of the posts that are featured in the slider. The slider is in a sidebar widget.

However when I try to center the text the post titles center on the actual posts too. Those she wants left-aligned but in the slider she wants centered.

How can I separate the two? I tried adding
.slide-excerpt h1, h2, h2 a, h2 a:visited to get it aligned centered but that seems to do nothing.

Any help would be greatly appreciated!

Here is the site where the slider is the first primary sidebar widget: http://testblog.creativekristi.com/

---

I work at Creative Kristi Designs
I play at Creative Kristi
Affordable. Beautiful. Personal. Custom. Design for everyone.

[David Chu]

Hi,
That was a CSS brain-teaser. 🙂 I found the smoking gun. In the following command, you have "float: left;" Remove that, and it will start to center.

html > body .slide-excerpt-border {
  background: none repeat scroll 0 0 transparent;
  border: 0 solid #DDDDDD;
  display: inline;
  float: left;
  margin: 6px;
  padding: 6px;
  position: relative;
  text-align: center;
  z-index: 8;
}

Chances are, you'll want to remove the padding from this to get more precision:

.slide-excerpt h1, h2, h2 a, h2 a:visited {
  font-size: 16px;
  padding: 0 10px 0 0;
  text-align: center;
}

Keep in mind that these changes may effect the slider if you have it in non-sidebar locations. Somebody at some point put those there for a particular reason. 🙂

Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[CreativeKristi]

Thank you!

---

I work at Creative Kristi Designs
I play at Creative Kristi
Affordable. Beautiful. Personal. Custom. Design for everyone.

[David Chu]

You're welcome!

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Author]

Posts