Change the background color of the header

Hello Marc,

You can change the background of the header section by changing the color code in the following css and then add it in your child theme style.css or in “Appearance => Customize => Additional CSS” box:

#branding {
    background-color: #fff;
}

Regards,
Sakin

Hi March,

Where did you add that color code? Also, did you change the color code HEX value #fff to the desired color code you want? You can check out color codes at https://htmlcolorcodes.com/. Let me know where did you add it and I will check in your site.

If you want to remove the that white border only then add the following CSS:

#header-content {
    padding: 0;
    margin: 0;
}

Regards,
Sakin

Hello Marc,

You need to post in “Appearance => Customize => Additional CSS” box. See this https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

Regards,
Sakin

Hi Marc,

Yes, you should never edit it from “Appearance => Editor” as all the edits that you make in that “Appeanace => Editor” will change the theme file itself. Also, all the edits made in the theme itself will be reverted back when you update the theme. So, you will lose all your edits. That is why we need to use it in “Appearance => Customize => Additional CSS”, this is a safe way to add CSS.

Can you send me a screenshot image URL showing what you want?

Regards,
Sakin

Hi Marc,

Yes, a Child theme is also a safe way to work on it. Then for all the CSS edits, you can simply add in your child theme style.css file

Can you upload somewhere in your site or doc sharing site like dropbox and paste in URL here.

Regards,
Sakin

Hi Marc,

1. About our menu alignment with 1 or 2 pixels, I need to check in your site with the same settings. So, can you send me your site URL like in your screenshot?

2. Yes, you can remove the top gap of header and browser by adding the following CSS either in “Appearance => Customize => Additional CSS” or your child theme style.css
.site { margin-top: 0; }

3. You will have option to change the colors in detail in Catch Box Pro theme. But if you want to manually change the color using Additional CSS or child theme style.css then edit the hexadecimal color code in the following CSS and add it:
#access { background: #3d3d3d; }

Also, for the menu border color, you edit the hexadecimal color code in the following CSS and add it:
#access ul.menu li { border-color: #fff; }

Regards,
Sakin

Hi Marc,

1. For footer removal and all, Please use the Pro version as it has footer editor option in “Appearance => Customize => Theme Options => Footer Editor Options” from where you can either remove it or change it as per your need.

2. That next nav is not showing due to color issue after you change the background to blue as the text as also in blue. So, can you add the following CSS in “Appearance => Customize => Additional CSS” to change the color of that post nav.

#content nav a { color: #fff; }

Regards,
Sakin