Hi,

I am using cutemenu in our project.Its so beautiful and working fine.
I would like to know how to change the text color of the subitems [in dropdown]. Its always WHITE, whatever color changes I make in the .css file.

Thanking you in advance,

Comments

AlexisWilke’s picture

AlexisWilke commented

Its so beautiful

That's why it's called "Cute"-menu. 8-)

Thank you.

The default color is black for the subitems (see ".cutemenu-subitem a" in cutemenu/cutemenu.css)

This is always somewhat annoying because you must be as specific as the other entry to make sure that your CSS has an effect.

You may also want to replace .cutemenu-subitem-active with a different background. This is activated as you move your mouse over the sub-items.

And of course, the .cutemenu-subitem a:hover is used to change the color of the text when hovering.

Let me know whether this solves your problem.
Alexis Wilke

rm2009’s picture

rm2009 commented
Title: How to change the text color of subitems » Need to override the default text color of main theme stylesheet

Thank you very much for your reply.

I figured out the text color of cutemenu subitem link is overridden by the main theme style sheet.
In the theme style sheet the default a:link text color is set to some color but I need the different text color for the link in the cutemenu subitem. Is there any way to override the default a:link text color in cutemenu style sheet.
The theme we are using is Acquia marina but customised to our needs.

AlexisWilke’s picture

AlexisWilke commented

Since you did edits to the Acquia Marina theme, I suggest you do some more.

The links color can be changed with something like:

.cutemenu-baritem-content a { ... }
.cutemenu-baritem-content a:hover { ... }

This is more constraining and specific to the links in the cutemenu menubar.

Thank you.
Alexis Wilke