How to Add Background Color to Sidebar Widget Titles
A reader has requested this tutorial to add background color to sidebar titles. By default, Blogger only allows to change the font & color of sidebar widget titles. So, I'll try to make it as simple as possible & you'll be able to change the background color from the Template Designer.
Note: Tutorial has been updated on 06/18/2016.
Steps!
- Open the Template section.
- Click the Edit HTML button.
- A new window will open. You'd have to click the Proceed button to start editing.
- Find the following code:
REPLACE the above code with the following one:
div.widget h2.title { margin: 0 0 1em 0; font: $(widget.title.font); color: $(widget.title.text.color);
}
REPLACE the above code with the following code:
div.widget h2.title { margin: 0 0 1em 0; font: $(widget.title.font); color: $(widget.title.text.color); background-color: $(widget.title.background.color);
}
Change Widget Title Background Color in Blogger Template Designer
After finishing the tutorial, you can easily change the background from Blogger Template Designer. Open 'Template Designer' & select 'Advanced' from the left. Then select 'Gadgets' and you'll see the option to change background of the sidebar widget titles.
0 comments:
Post a Comment