How to remove background color of my WordPress site header?

To remove the background color from your site header in WordPress, follow these steps:

  1. Access your WordPress admin panel
  2. Navigate to the Customizer: In the left-hand menu, click on Appearance and then Customize.
  3. Locate the Header section: In the Customizer panel, click on Header. Since your Astra theme doesn’t support custom headers, this section might be limited.
  4. Check for background color settings: Look for any options related to the header background color. If you find any, try changing the color to Transparent or None.
  5. If no options are found, use custom CSS: In the Customizer, click on Additional CSS. Add the following code to remove the background color:

    header {
      background-color: transparent;
    }


    Then, click Publish to save your changes.
  6. Refresh your homepage

If the background color persists, it might be set elsewhere in your theme or plugins. Consider using a plugin like ‘Simple Custom CSS’ to add the CSS rule, or contact your theme developer for assistance.

Stuck at more such queries for your WordPress site and wondering how to quickly resolve it without going through forums? Quick Assist AI is here to help you! Download now!

Leave a Comment

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

×
GPTs can make mistakes. Check important info.
Would love to hear from you. Write a review here
Chat Icon
Scroll to Top