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

[amazinglives]

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.

[John]

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 😉

[amazinglives]

Thanks John! That worked perfectly.

[Author]

Posts