How can I change the color of the top bar?

.main-navigation ul ul, .footer-widgets-wrapper, .site-footer, .top-bar {
    background-color: 
    #******;
}

Change the hex code to whatever color your want, you need to discover the power of your code inspector in whichever browser you are using.

Ok, thank you. I know I have a lot to learn yet. Trying to go step by step ??

@bam-bam Ok, I’m getting there! ?? I managed to changed the top bar and footer using your code and I managed to change the header widget area. Now I would like to also change the color of the primary menu for the mobile version of the website. But I don’t understand what exactly I have to modify.

• This reply was modified 5 years, 1 month ago by surfandchillbastimentos.

You add the code you need to change to: Appearance, Customise, Additional CSS

Make sure you save it when done

@bam-bam Thanks!

I would like to also change the color and border-color of the primary menu for the mobile version of the website. But I don’t understand what exactly I have to modify.

In the inspector if you look closely you will find a button that will allow you to see the mobile version, have a look for it.

button.menu-toggle {
    color: #******;
    border-color: #******;
}

• This reply was modified 5 years, 1 month ago by Bam Bam.

@bam-bam Thank you so much!!