Back to top

Affiliate Link: Looking to Monetize With Ads?? We Personally Use:

Ezoic

Customizing Section Header Background Colors

Change The Background Color For Sections
As an Amazon Associate we earn from qualifying purchases made on our website. If you make a purchase through links from this website, we may get a small share of the sale from Amazon and other similar affiliate programs. You can read our complete legal information for more details.

Sometimes you want to customize your headers from the default black color. We provide some Custom CSS which allows for you to change almost any color without issue.

Recent Posts Background

This code changes the color behind the “Recent Posts” section on the homepage.

Test Caption
body.home .articles-wrapper>h2{
    background: #000000;
}

Read More Button Background

To Update The Button Backgrounds, like “View Post”

.button{
    background: #000000;
}

Update the Featured Category “Standard” Color (Not the “Hover color”)

.featured-categories-wrapper .category-card h2:before{
    background: #000000;
}

Sidebar Background

Update the About Us, Legal Info Sidebar text Backgrounds

.widget-title{
    background: #000000;
}

About Josh Koop

Hey Everyone! I hope that the short article you read today has taken you from a place of frustration to a place of excited anticipation for your visitors! Please let me know of anything you need for Acabado that can help you achieve your goals!
Read More About Me...

My Posts | Website

Josh Koop

Hey Everyone! I hope that the short article you read today has taken you from a place of frustration to a place of excited anticipation for your visitors! Please let me know of anything you need for Acabado that can help you achieve your goals!
Read More About Me...

5 thoughts on “Customizing Section Header Background Colors

  1. Hi Josh,

    Glad I found your site cuz you seem to be to a lot of help regarding the acabado theme.

    I was wondering if you could help me out with the colours on my site. I want to change not only the background of the main content, but also the colours in the header – where you logo and search bar is.

    I can’t seem to right css.

    1. This covers it in most parts, try and use this and let me know if you are having an issue.

      https://acabadotheme.com/convert-your-header-to-black-with-white-submenu/

Leave a Reply

Your email address will not be published. Required fields are marked *

Recent Content