Add Background Color To Footer Widget Titles in Blogger

Background color to footer widget titles : We know how to add a gadget/widgets to Blogger to blog. After adding widget on your Blogger blog, widget title will appear without having any background color. With template customise feature we can add or change the background color of the whole widget. But we can't add or change the background color of the widget titles, both in sidebar and footer. In the previous post we discussed about how to add or change the background of the sidebar widget titles.

Even after changing the background color of the sidebar widget titles, that change will not effect on the footer widget titles. We have to add the background color to the footer widget titles separately. So we can add separate background colors to sidebar widget titles and footer widget titles. In this post I'm telling about how to add background color to widget titles in footer on your Blogger blog.

How to add background color to footer widget titles on your Blogger blog : 

With simple customization in your Blogger template code, you can add background color to footer widget tiles. With this method you can add the same background color to all footer widget titles in your Blogger.
Follow below steps to add background color to widget titles in Blogger footer.

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 : Search for .footer-inner .widget h2 {  
Add below line just before closing tag of the above line 
Background: #000000;

I.e : 
.footer-inner .widget h2 {

Background: #000000;
}

Step 5 : Click on Save template.

Now refresh your Blogger blog and see the results. You can change the background color of the widget titles by simply change the color code in the background tag. I hope you can easily add background color to your footer widget tiles in Blogger blog with this method.

1 comment: