Joomla Templates Club 406,261 posts

[thomasfmg Friend thomasfmgJoin date: September 2016Posts: 5Downloads:11Uploads:4 Thanks: 2]

#966963

hi my web is http://demo.blugreenoffice.com

i try to change the main nav background-color into white, and it work unfortunately when i try to hover the mouse pointer over the menu, the color of the hover and the text is white also.

can you help me where and how to change this ? ie. i want to change the hover background color to white and the text into black.

thanks

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#966980

Hi

Add below code in /css/custom.css file and change the color code from white to your color code

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #ffffff!important;
}

1 user says Thank You to Pankaj Sharma for this useful post

1. thomasfmg

[thomasfmg Friend thomasfmgJoin date: September 2016Posts: 5Downloads:11Uploads:4 Thanks: 2]

#966993

thanks i did need to change to black for text color.

how about change the hover color when mouse point ?

i did succeed on change the hover to green, by adding this :

background-color: #9ef9a9!important;

but it won’t affect the sub menu, how can i archieve this ?

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#967146

Hi
Use this code in custom.css file to add bg color for dropdown items .

t3-megamenu .mega-nav > li a:hover, .t3-megamenu .dropdown-menu .mega-nav > li a:hover {
    background: green;
    color: #003b24;
}

[Author]

Posts