By default, every post title uses H1 tag styling. However, when you add or change background style of H1 tag in style.css of Genesis child theme there could be problem with logo header. While adding background color code to H1, the logo in the header might go blank (as background color overlaps it). This is because, finer style details of single post title can be controlled by “.post h1″ class in addition to h1 tag.

Add “.post h1” for Post Title’s background color in Genesis

Open Style.css file (Appearance > Editor) and add “.post h1” under existing “h1” code. To get started, add following code to style.css file,  this code adds “#f4f4f4” background color to post title along with thin border. You can customize it further as per requirement.

[cc]
.post h1 {
background:#f4f4f4;
border:solid 1px #ddd;
padding:5px 20px 5px 10px;
}
[/cc]

Davinder Singh Kainth

A digital creator with 15+ years of experience in Website Design, Development, SEO, and Content Creation to Podcasting at SmartWebCreators.com with the motto of "Be Smart, Keep Creating". A coach, consultant, and your dear geek friend ❖

Leave a Comment