How To Change Header Background Color In Astra Theme (No CSS)

Disclosure: Some of the links in this post are affiliate links. This means, if you click on the link and purchase the product, I will receive a commission at no additional cost to you. Don’t worry, I only recommend products or services that I have personally used and believe will add value to my readers.

Want to change the header background color in the Astra theme?

Given below are the steps to change the header background color in the Astra theme:

  1. Install and activate the Astra Pro addon.
  2. Activate the Colors & Background module of Astra Pro addon.
  3. Go to the front-end of your website.
  4. Click on the Customize link from the top Admin bar.
  5. Go to Header > Primary Header in the WordPress Customizer panel.
  6. Set the desired header background color in the Background field under the Color section.
  7. Publish your changes.

Let’s take a detailed look at each of these steps now.

How To Set Header Color In Astra Theme Using Astra Pro Addon?

First, install and activate the Astra Pro addon plugin.

Once this plugin is active, go to Appearance > Astra Options in the WordPress Admin panel and activate the Colors & Background module.

Activate Colors & Background module

Now, go to the front-end of your website and click on the Customize link from the top WordPress Admin Bar.

Customize Link

In the WordPress Customizer panel, go to Header > Primary Header and set the desired header background color in the Background field under the Color section.

Set header background color

Click the Publish button to publish your changes.

And that’s it!

That is how you can set the header background color in the Astra theme.

Okay! What next?

Next Steps…

There are a ton of options that Astra Pro addon gives you.

So, activate all the Astra Pro modules and play with them.

Using all the Astra Pro options, you will be able to design your website without writing any code.

Here are some tutorials to help you with this:

Video Tutorial

Download Website Builders’ Toolbox


Final Thoughts

I like to keep such tutorials short and to the point.

If you enjoyed reading this short little tutorial, then please share it with your friends. I will really appreciate it.

About The Author

Leave a Comment

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