Change the built in menu colours of Twenty Thirteen Child 01

A browser tool like Firebug will show you the existing CSS for those elements – then you can copy the CSS to your child theme style.css file and change the color there. So, for example the nav bar has:

.navbar {
    background-color: #F7F5E7;
    margin: 0 auto;
    max-width: 1600px;
    width: 100%;
}

So you only need to copy the part you want to change:

.navbar {
    background-color: red;
}

(Obviously, use whatever color or hex code your want.)

The other is a bit trickier to find – but learning how to use Firebug will be well worth your time – there’s lots of good info on the Firebug site. I think these will do it:

.nav-menu .sub-menu, .nav-menu .children {
   background-color: .....;
}
.nav-menu li:hover > a, .nav-menu li a:hover {
    background-color: #220E10;
}

Thank you so much.
I’ve tried with Firebug and it takes a bit of learning. I need to watch some video tutorials which will take a while.

How do I change the text color of the menu items when they first show, the main list items and make them a bit bigger? There’s a forest of

• ,

and

which takes a lot of comprehension.

https://rosewoodpublications.co.uk/dev/