Executive: Home Top & Home Middle – Centering Title but Not Text Below

Community Forums Forums Design Tips and Tricks Executive: Home Top & Home Middle – Centering Title but Not Text Below

This topic is: resolved

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

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #49398

    amazinglives
    Participant
    Post count: 7

    Hello,

    I am using the Executive child theme. This should be easy, but I’m new to this, and would appreciate your help. Regardless of the widgets I use for home-top and home-middle, when I center the title of the widget, the text below is also centered. For example, for home-top I am using 3 Genesis Featured Page widgets. I want the titles centered over the pictures and the text below the picture to be aligned left. The text below is centered. On home-middle, I am also using social media widget and WYSIWYG widgets with the same results. Can’t show site yet, but here is a portion of the stylesheet.

    /* Home Page
    ———————————————————— */

    .home-middle,
    .home-top {
    background-color: #fff;
    clear: both;
    overflow: hidden;
    padding: 60px 40px 0;
    text-align: center;
    }

    .home-middle .widget,
    .home-top .widget {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 0 30px;
    width: 33%;
    }

    .executive-home .hentry {
    margin: 0;
    }

    .executive-home .featuredpage img,
    .executive-home .featuredpost img {
    margin: 0 0 30px;
    }

    .executive-home .featuredpage .page,
    .executive-home .featuredpost .post {
    margin: 0 0 60px;
    }

    .executive-home a.more-link {
    clear: both;
    display: block;
    margin: 30px 0 0;
    }

    Thanks for your help.

    #49452

    John
    Participant
    Post count: 157

    Kind of tough without seeing the actual site, but this code should center your widget titles in the home-top and home-middle:

    
    .home-top.widget-area h4, 
    .home-middle.widget-area h4 {
    text-align: center;
    }
    

    then remove text-align: center; from the top block of code you posted here.

    John


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google ;)

    #49595

    amazinglives
    Participant
    Post count: 7

    Thanks John! That worked perfectly.

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

The topic ‘Executive: Home Top & Home Middle – Centering Title but Not Text Below’ is closed to new replies.