Customizing Auto-Nav

Permalink
Hello,

I have a question about how to customize the background color of the auto-nav block in Greek Yogurt theme. At the moment it is always the same color as the header setting, even when I choose a different color in "design".

Can I change the background color in css? If so, which file? (I am using a copy of the theme that I installed via ftp to /themes).

Or do I need to make a custom template? If so, how do I do this?

I really would appreciate any help. Thanks!

 
grosik replied on at Permalink Reply
grosik
Hi,

You have to specify background color in CSS. If you are using Greek yogurt theme theme, styles for header nav are in line 153in typography.css in your theme directory

div#main-container #header ul {
float: right;
list-style-type: none;
margin-top: 14px;
margin-bottom: 0;
/* margin-right: 45px; */
width: 100%;
background: #ff00ff; /* BACKGROUND COLOR */
}


I removed margin, so your menu wont overflow main column. 100% width is required to have fullwidth background color.

i hope this helps
webdeshis replied on at Permalink Reply
Thank you very much! This did the trick :)