How to change the header background

Sparkling
1

Hello,

nice to e-meet you. I would like to change the header background. I changed the background of entire website using a small image, but I don’t know how to the same with the header.

Please have a look at attachment.

Let me know how to do please.

Kind regards,

Giovan Giuseppe

2

Hi Giovan Giuseppe,

I hope you are well today and thank you for your question.

You can try changing it by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

nav.navbar.navbar-default {
    background-color: #000;
}

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

Best Regards,
Movin

3

Dear Movin,

thank you very much for your kind reply.

Can I put an image as background?

I did the same with body background. My website is: https://coseperlacasa.com/

Let me know,

Giovan Giuseppe

4

Hey there,
Hope you’re doing well today

Sure, you definitely can. Instead of using background-color: #000 in the CSS, you can use background-image: url(“linktoimage”).

Essentially, the CSS will look like this:

nav.navbar.navbar-default {
    background-image: url("add the link to your image between these parentheses");
}

I hope this helps,

Best Regards,
Support