DbAppWeb.com

Menu
  • Home
  • Linux
  • HP-UX
  • macOS
  • Windows
  • Web Servers
  • App Servers
  • Storage

How To Change Widget Title Background On Blogger

January 9, 2018 DbAppWeb Admin

To change the widget title background in blogger do the steps shown below:

  • Login to your blogger account.
  • Go to your blog’s Dashboard >> Theme >> Customise >> Advanced >> Add CSS.

    01 Change Widget Title Background On Blogger

    01 Change Widget Title Background On Blogger

  • Copy the below code and paste it to Add Custom CSS 
    .sidebar h2 { 
    background-color: #0b5394;
    padding: 5px 5px 5px 5px;
    color:#ffffff;
    border-radius: 5px;
    font-style:bold;
    }
  • Click on Apply to Blog and see the changes on your blog.

    02 Change Widget Title Background On Blogger

    02 Change Widget Title Background On Blogger.

  • Now you can see the changes after adding the above custom CSS.
    03 Change Widget Title Background On Blogger

    Before Change

    04 Change Widget Title Background On Blogger

    After Change

     

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Related Posts

  • How to Add Adsense Ads Between Blog Post and Comment Box in Blogger
  • How to Enable Search Description for Blogger and Blog Posts
  • How to Make your Blogger Blog Template to fit any Screen Resolution
  • How to reduce space between header and pagelist widgets in blogger
  • Remove Empty Space Left on Top After Removing Navbar in Blogger
  • Show more than 200 comments on Blogger Page or Post
  • How to Split or Divide Blogger Header in Two Parts?
  • How To Show Post Title Before Blog Title in Blogger?
  • How to add a gadget above header in blogger?
  • How to reduce space above the Title in Blogger
  • How to reduce space between Title and Description in Blogger
  • How to customise Read More link in blogger
  • How to reduce space between gadgets in Blogger?
  • How to add Recent Posts Slider with images for Blogger?

Share this:

  • Click to share on Twitter (Opens in new window)
  • Click to share on Facebook (Opens in new window)
  • Click to share on LinkedIn (Opens in new window)
  • Click to share on Telegram (Opens in new window)
  • Click to share on WhatsApp (Opens in new window)
Prev Article
Tags:Blogger

One Response

  1. Pingback: How to customise "Read More" link in blogger - DbAppWeb.com
  2. Pingback: How to reduce space above the 'Title' in Blogger - DbAppWeb.com
  3. Pingback: How to add a gadget above header in blogger? - DbAppWeb.com
  4. Pingback: HTTPS support to Blogspot coming in late April! - DbAppWeb.com
  5. Pingback: How to add Recent Posts Slider with images for Blogger? - DbAppWeb.com
  6. Penyakit Bersin

    Thank you very much. It works.
    I hope you can post other blogger tips and tricks in the future.

Leave a Reply Cancel Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  • Popular
  • Recent

Categories

  • Android (2)
  • Blogger (16)
  • Domain and Hosting (1)
  • Hardware Issues (7)
  • HP-UX (55)
  • HPE Data Protector (9)
  • IBM Lotus Notes (2)
  • IBM WebSphere Application Server (16)
  • Internet Tips & Tricks (15)
  • iOS (8)
  • JBoss/WildFly Application Server (2)
  • Linux (76)
  • macOS (15)
  • Microsoft Windows (31)
  • News and Updates (11)
  • Oracle Database (5)
  • SSL/TLS (1)
  • Storage Servers (23)
  • Tools/Softwares (1)
  • VMware ESXi (17)
  • Web Servers (14)
  • WordPress (5)

Archives

DbAppWeb.com

Solution of Database, Application and Web Server Problems

About DbAppWeb.com

One Stop Solution for Database Server, Application Server and Web Server Problems.

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

DbAppWeb on Social Media

Copyright © 2025 DbAppWeb.com
Terms and Conditions   Theme by MyThemeShop.com
 

Loading Comments...