Everything you need to change is included in one file, located here: wp-content/themes/codium-extend/style.css
Open it in your favortite text editor, and locate the following comment:
/* Navigation */
It marks the beginning of the menu area styling.
If you want to change the look of the menu bar when you roll over it and want to click on the page you want to go to, you will need to make some changes to the values that are marked :hover
.
First, select a color that you’d like on a colorpicker like this one, and copy the value above the colorpicker (e.g. C70837)
You can then make some changes to the color:
and background
, and see if you like what you’ve done.
For example, I would change the following line:
#access li:hover > a,#access ul ul :hover > a{background:#444;background:rgba(0,0,0,0.7);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
By this:
#access li:hover > a,#access ul ul :hover > a{background:#DAF0E7;background:rgba(0,0,0,0.7);color:#C70837;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
You should be able to experiment from there.