Custom CSS for changing the header background colour?

Hello @evecaro,

Hope you are having a great day and thanks for contacting us!

Please go to WP Admin > Appearance > Customize > Additional CSS and inside that box, add the following code:

.logo {
    background: black; //Change the black color to whatever you need.
}

.home .wrapper {
    margin: 0;
    max-width: 1600px !important;
    width: 100%;
}

.home .row {
    margin: 50px;
}

?Try it and let me know how it worked.
Kind regards,
Diego

Hi,
I have a similar question. I added a header image using a widget, since I wanted the image above the main menu. Used the CSS code in the reply above to remove the grey around the image. But – the white is not flush to the sides. How can I change that? See here

Thanks!
Kanika.

• This reply was modified 6 years, 4 months ago by kanikasamra.

Hi Kanika,

Please go to Appearance → Customize → Additional CSS and add the following css:

.header, .container-wrap, .widget-area {
    background: #fff !important;
}

Hope that helps.

Kind regards

Thanks a lot!
That worked perfectly.
My next question is about adding a link to the homepage to this header image (widget)?
The Home menu option works on all posts, but we’d prefer if the image links back to the homepage.

Would appreciate your help.

Thanks,
Kanika.

Hello everyone!

This code worked for me too, but I would like to change the bacground only behind the about me widget, wich is a simple text widget. What should I change in the code?

Thank you!

Hi @kanikasamra, @evabota,

@kanikasamra – Could you send the URL to your site so I’ll take a look and see what header image do you mean?

@evabota – Please insert this code to Appearance → Customize → Additional CSS field:

.widget-area-sidebar .sidebar-default-background {
    background-color: #efefd4;
}

Kind regards