-
ivancParticipant
Hi! Great theme. However, I’m curious to see if there is a way to change the black and grey of the Navigation Bar. I managed to change the background color using this code in custom css.
#access {
background: none repeat scroll 0 0 #b34167;
}That is as far as I got. So, is it possible to change the grey (when it hovers) and the black from the search box/present page. I’m a novice with wordpress and css, so I appreciate the help.
Thanks.
Thanks!
keelyParticipantChange the grey – when it hovers – change this rule:
#access a:hover,
#access li.current_page_item > a {
background:#777;
background:-moz-linear-gradient(#777,#555);
background:-webkit-linear-gradient(#777,#555);
background:-o-linear-gradient(#777,#555);
background:-ms-linear-gradient(#777,#555);
background:linear-gradient(#777,#555);
color:#fff;
text-decoration:none;
}#777 is the lighter colour at the top, and #555 is the darker colour at the bottom
To change the black from the search box change this style in the stylesheet – best to make a Child Theme and do the changes there though …
#header input#s {
width:97%;
padding:5px;
margin-right:0;
box-shadow:inset 3px 3px 3px #000;
background:#222;
background:-moz-linear-gradient(#151515, #252525);
background:-webkit-linear-gradient(#151515, #252525);
background:-o-linear-gradient(#151515, #252525);
background:-ms-linear-gradient(#151515, #252525);
background:linear-gradient(#151515, #252525);
border:none;
color:#999;
font-size:12px;
font-family:”Droid Sans”, sans-serif;
}It works the same as the navigation background.
kandgParticipantI am trying to get the sub menus on the drop down to match my header menu colors. I have gone into the theme options and set:
Menu Background Color to #6A9145
Menu Item Hover Background Color to #91B96C
And that worked for the main menu bar, but I have sub categories that show as drop downs and they are still the default dark grey/black.When a sub category is selected it displays correctly as the lighter color.
I put the above CSS in my child CSS with the correct Hex colors filled in and the changes for the search box worked (probably my next step so thanks!!!). But the sub-category/nested menus still pop up black.
Thanks in advance.
Tagged: colors, menu, navigation, search box, sub-nav
You must be logged in to reply to this topic.