Centering Title on Genesis Responsive Slider

Community Forums Forums Design Tips and Tricks Centering Title on Genesis Responsive Slider

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  David Chu 1 year, 2 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #53476

    CreativeKristi
    Participant
    Post count: 23

    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.

    #53555

    David Chu
    Participant
    Post count: 1371

    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.

    [css]
    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;
    }
    [/css]

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

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

    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

    #54329

    CreativeKristi
    Participant
    Post count: 23

    Thank you!


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

    #54353

    David Chu
    Participant
    Post count: 1371

    You’re welcome!


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.