You should not be modifying any theme files – as your changes will be lost when the theme is updated. Any changes should be made in a child theme or you can make them in the Custom CSS option in the theme.
Try ADDING this to custom CSS and yes, changing all the color codes to what you want:
.menu {
background-color: #xxxxxx;
background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
background-image: -o-linear-gradient(top, #585858, #3d3d3d);
background-image: linear-gradient(top, #585858, #3d3d3d);
clear: both;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
margin: 0 auto;
}
Yeah!!! It worked! Fantastic!
Thank you very much for your help 🙂
I will look then at how to create a child theme 😉
Hi there, I’m struggling with the same issue – and I’ve tried all the alterations suggested on the customer CSS. But nothing works. Please help.
Website is wwww.mageehealthandfitness.co.uk
One more unable to change header menu color using this custom css (obviously changin color codes).
I even tried a simple change:
.menu {
background-color: #FF0000;
background-image: none;
}
And nothing happened 🙁
Ok, my mistake. You have to put this code on CSS Style from Appearance > Theme Options, not the usual Appearance > Editor
