Drop-down-menu text

guap

Hi,

I want to change the color of the text and hover on drop-down menu. Please advise and thank you.

Attached is the image.

pavit

Try to add to your custom.css

.t3-megamenu .mega-nav > li.active > a, .t3-megamenu .dropdown-menu .mega-nav > li.active > a {
	color:#yourcolor!important;
}
.t3-megamenu .mega-nav > li a:hover,
.t3-megamenu .dropdown-menu .mega-nav > li a:hover,
.t3-megamenu .mega-nav > li a:focus,
.t3-megamenu .dropdown-menu .mega-nav > li a:focus {
  color: #yourcolor!important;
}

Hope it helps

guap

pavit

I added this line

.t3-megamenu .mega > .mega-dropdown-menu {color:#515151;background:#fff!important;}

to the above css you sugggested.

I also wanted to make the dropdown menu box to white, the font to black and remove the text-decoration underline.

I will appreciate any and every suggestion.

Thank you for responding ...

paulus1031

Can you make sure it reads

.t3-megamenu .mega-nav > li.active > a, .t3-megamenu .dropdown-menu .mega-nav > li.active > a {
color:#515151 !important;
background:#fff;
}
.t3-megamenu .mega-nav > li a:hover,
.t3-megamenu .dropdown-menu .mega-nav > li a:hover,
.t3-megamenu .mega-nav > li a:focus,
.t3-megamenu .dropdown-menu .mega-nav > li a:focus {
color: #515151 !important;
background:#f8af3c !important;
}

I'm adding a space before !important

paulus1031

I can also see this needing to be changed to

.ig-thumb-text{
position:static !important;
left:auto !important;
right:auto !important;
bottom:auto !important;
background:none !important;
color: #333 !important;
display:block !important;
padding:5px !important;
text-decoration: none !important;
}

.ig-thumbs-grid-image{border:1px solid #000000 !important;}

.ig-menu-grid-image{border:1px solid #000000 !important;}

paulus1031

for the drop down background colour and text colour itself try adding

.dropdown-menu {background:#fff;}
.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a {color:#000}

paulus1031

The underline is a border so try adding

.t3-megamenu .mega-nav > li:first-child, .t3-megamenu .dropdown-menu .mega-nav > li:first-child {border-top: 0;}
.t3-megamenu .mega-nav > li, .t3-megamenu .dropdown-menu .mega-nav > li {border:0;}

guap

paulus1031

Thank you 🙂

paulus1031

You're welcome

Best of luck with the site

Cheers
Paul

paulus1031

I'll mark this resolved

Cheers
Paul