- This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
‘Allo again everyone. I am having some difficulties with my menu once more. I decided to make each menu item a different color. I also want a rollover state that shows the button becoming a brighter hue. Here is my CodePen. Basically, I was able to give a different color to each menu item. The rollover also works for most of them. The ones I am having difficulty with are the sub-menu items “Feel Good Candy” and “Gloom” under “Literature.” I would like for those to highlight as a lighter yellow just like “Literature” does. I thought I could just do this:
.feelgoodcandy a:hover {
color: #E3C605;
}
But I guess I need to do something else. What ever it is, I have no clue where to begin. Hopefully, you guys can help me out. Thank you in advance!
You’re probably not being specific enough with your selector. Adding #menubar in front of the selector should solve your problem.
#menubar .feelgoodcandy a:hover {
color: #E3C605
}
#menu-bar ul li ul a {
text-decoration: none;
color: #B09904;
height: auto;
padding: 0;
display: block;
}
Do you need that color? If not, remove that color and then add your code.
Nifty! :)