[taurinho]

Can I change the color of the navigation bar, and make it transparent when wanted. Can you please tell me how to do this? ps. when i enter things into the custom css, nothing changes for some reason. Thank you, looking forward to the response.

[ahmetsali]

Hi,

1-) To change active menu link background and dropdown background styles, you can use the custom css below;

#nav li.active, #nav > li:hover, #nav ul li {
   background: rgba(0,0,0,.4);
}

2-) To change menu link hover background color;

#nav ul li a:hover { 
   background: rgba(0,0,0,.8); 
}

3-) If you have problems with custom css, make sure your custom css code is valid, have no missing close bracket etc…

[taurinho]

Hi, Can you please give me an example of how to change it to this color: #68BE68. I am not really sure how to enter that css that you wrote, acually what to enter and what no and where to put the color. Thank you.

T

 

 

Hi, after I entered this css in there, it worked, but it altered something.  Now everytime the slideshow changes pictures, it seem that the navigation bar changes colors for a second.  It is affecting the navigation bar text colors everytime a picture changes.  Can you please help me with this.  Also, how can I change the text color in the navigation bar.

 

Thank you

[ahmetsali]

Hi, i updated the code to use your color : #68BE68

1-) To change active menu link background and dropdown background styles, you can use the custom css below;

#nav li.active, #nav > li:hover, #nav ul li {
   background: #68BE68;
}

2-) To change menu link hover background color;

#nav ul li a:hover { 
   background: #68BE68; 
}

[taurinho]

Thank you

[taurinho]

Hi, how do you change the navigation bar menu link text color and dropdown text color? When i change the menu link hover background and dropdown background, the dropdown text color looks funny, and i also would like to change the menu text color. And one last thing, can you please tell me how to change the navigation bar to clear, where only the text is seen and changes color when the mouse is dragged on it. Thank you so much for your help

[ahmetsali]

Hi, to change menu link color use custom css;

#nav ul li a { 
   color: #bbb; 
}

and to change hover color use code;

#nav li a:hover, #nav li.active > a, #nav li a.selected:hover, #nav li a.current, #nav li a.selected, #nav li a.current-sub { 
   color:#fff; 
   text-shadow:none; 
}

and to get rid of current menu item’s background use;

#nav li.active { 
   background:none; 
}

and if you want to change the text color of current menu item to make it look different from others (since you get rid of it’s background) use code;

#nav li.active > a {
    color: blue;
}

[bernardk7]

I’ve made all the other changes to the menu, but how do I change the dropdown link colour from the default grey?

[ahmetsali]

Hi, you can style dropdown links as;

#nav ul li a { color: #fff; }

[bernardk7]

Hi,

still no change. Here is the code I’m using now:

#nav li.active, #nav > li:hover, #nav ul li {
background: #0095D9;
}

#nav li a:hover, #nav li.active > a, #nav li a.selected:hover, #nav li a.current, #nav li a.selected, #nav li a.current-sub { text-shadow: none; }

What do I need to add to this to get white text and a blue background on the dropdown menu?
Cheers.

[ahmetsali]

Hi, please provide a live preview link to see what’s wrong.