How to change post title background color with template designer

"And how can I give my post title a colour background?"

The first thing I thought of trying is to go to LAYOUT > FONTS AND COLORS as described in my previous post Changing fonts and colors for New Blogger (xml).

However, Blogger for better or for worse is constantly evolving and the LAYOUT tab is no more, replaced by a DESIGN tab and apparently have moved the template designer from Blogger in Draft to standard Blogger.

I believe that it is still possible to edit the template direct to add CSS (Cascading Style Sheet to control the post title background but found that Blogger Template Designer has provided a "Advanced" option to do that via the template designer with INSTANT PREVIEW. And apparently some of the functions of the new Blogger Template Designer can be used even if the template you are using for your blog has not been designed with Blogger Template Designer


So to change/control post title background color:
1. Sign into Dashboard
2. Click DESIGN tab to get to LAYOUT
3. Click TEMPLATE DESIGNER sub-tab
4, Click ADVANCED at the top-left corner
5. Scroll down to bottom of sub-menu and click ADD CSS (see screen shot below):

Blogger template designer Advanced Option Add CSS

and there I add this line of CSS:

.post-title {background-color:green;}

and immediately below the change is previewed (see screen shot below and noticed background color has been changed to green. 

No comments:

Post a Comment