Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Link CSS Style to a menu or add css class on helix mega menu options

Featured Lock Resolved Issue
hi,

i need to have diffrent hover color on the menu items in the main menu,
i tr0ied to do it using Link CSS Style where i have add (menu_2), and also in the helix mega menu options Add Custom Class but with no result.

Im using style6.css where i have insert the following code:


#hornav ul.level-0 > li.menu-item.active > a.menu-item,

#hornav ul.level-0 > li.menu-item:hover > a.menu-item {color:#848484}

.menu_2:hover{color:#ff0fff}
.menu_3:hover{color:#4d7b23}
.menu_4:hover{color:#ff000f}
.menu_5:hover{color:#ff00f0}



but when i use the firebug and manualy change the value, works just fine...
see image...

what can i do to resolve this problem? how can i apply the changes?

pls send me exable


with regards,

Attachments (1)

  • menu.png
    menu.png 382 KB

4 Answers

sofia

More than a month ago #Permalink
I don't know if you have change something in the admin panel... i just wrote this code in style6.css and it works :)




#hornav ul.level-0 > li.menu-item.active > a.menu2{color:#ff0000}
#hornav ul.level-0 > li.menu-item:hover > a.menu2:hover{color:#ff0000}

#hornav ul.level-0 > li.menu-item.active > a.menu3{color:#855A90}
#hornav ul.level-0 > li.menu-item:hover > a.menu3:hover{color:#855A90}

#hornav ul.level-0 > li.menu-item.active > a.menu4{color:#5DB6D9}
#hornav ul.level-0 > li.menu-item:hover > a.menu4:hover{color:#5DB6D9}

#hornav ul.level-0 > li.menu-item.active > a.menu5{color:#F6EE71}
#hornav ul.level-0 > li.menu-item:hover > a.menu5:hover{color:#F6EE71}

#hornav ul.level-0 > li.menu-item.active > a.menu6{color:#0568BD}
#hornav ul.level-0 > li.menu-item:hover > a.menu6:hover{color:#0568BD}

#hornav ul.level-0 > li.menu-item.active > a.menu7{color:#FF55FF}
#hornav ul.level-0 > li.menu-item:hover > a.menu7:hover{color:#FF55FF}

#hornav ul.level-0 > li.menu-item.active > a.menu8{color:#FF7F2A}
#hornav ul.level-0 > li.menu-item:hover > a.menu8:hover{color:#FF7F2A}

#hornav ul.level-0 > li.menu-item.active > a.menu9{color:#7F7FFF}
#hornav ul.level-0 > li.menu-item:hover > a.menu9:hover{color:#7F7FFF}

#hornav ul.level-0 > li.menu-item.active > a.menu10{color:#825269}
#hornav ul.level-0 > li.menu-item:hover > a.menu10:hover{color:#825269}

#hornav ul.level-0 > li.menu-item.active > a.menu11{color:#4D7B23}
#hornav ul.level-0 > li.menu-item:hover > a.menu11:hover{color:#4D7B23}

#hornav ul.level-0 > li.menu-item:hover > a.menu-item {color:#848484}




Now what can i do if i want to change the color of each sub menu, so i can have the same color with the item menu?

Rifat Wahid Alif - Staff

More than a month ago #Permalink
Hi,
you can do it by catching li child, eg:

#hornav ul.level-0 > li.menu-item:nth-child(1):hover {
color:#ff0fff;
}

#hornav ul.level-0 > li.menu-item:nth-child(2):hover {
color:#4d7b23
}

sofia

More than a month ago #Permalink
it dosen't seem to work, i have send you a pm message, why can i not do it using Link style css??

Thanks a lot


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 103
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 91
Toufiq

Toufiq

Total Accepted Answers: 88
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 2
FUTURECLIENT

FUTURECLIENT

Total Accepted Answers: 2

115

Templates

295738

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us