Change text color in dropdown menu to red

Support
#1

Hello there,

I am trying to change the dropdown menu text color on my website to red.

http://veldhuizenmedia.nl/demo2/

It currently is white, so it can’t be read because my design dictates that the background has to be white aswell.

I could not find any settings that allow me to change this.

Is there any code that might change this?

Thank you!

#2

Hello There,

Thank you for the very detailed post information. To resolve your issue, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.desktop .sub-menu {
    background-color: #D1232A;
}

Hope this helps. Kindly let us know.

#3

I’ve tried all of these solutions on the site I’m building and none work. For all of the amazing stuff on the X platform I don’t understand why you’ve chosen to force submenus (that I’m not a fan of but that my client is insisting on) to have the same background as the header rather than giving them the same properties as the top line of the navigation if not their own independent controls. None of these solutions are working. I’ve applied them in my child theme, I’ve applied them in the global css, I’ve applied them in the additional css, nowhere can I switch out the background color on submenus without it changing the logo bar’s bg color as well.

#4

Hello There,

Sorry for the confusion.

To change the background color of the submenu, please update the code I gave and use this instead:

.desktop .sub-menu {
    background-color: blue;
}

If you simply wants to have a white background for the submenu, this code is not needed.

To change the color of the submenu item, you can make use of this code:

.x-navbar .desktop .sub-menu a {
    color: #D1232A;
}

.x-navbar .desktop .sub-menu a:hover {
    color: blue;
    background-color: green;
}

I have used a distinctive color to identify them easily. Feel free to change it to a color that match your site design.

Please let us know how it goes.

1 Like
#5

So this:

Still doesn’t work (not for color at least). There must be something else overriding the color choices because I was able to change the margins, padding, etc. just not the color/bg color.

The second code worked but I needed to change the margins and padding on the above to zero so that I could style everything on the link. I guess they’re block elements so it’s OK but it still bothers me that I can’t find what is taking precedence over the above code and forcing both the bg and the text color to white just because I make the navbar white.

Anyhow, it works so whatever but it still was an incredibly frustrating journey and there should be an easier way (considering how many people seem to have issues with it).

#6

Hi There,

Please copy all of your Custom CSS rules and paste it into an online tool like CSS Lint (http://csslint.net/) to check errors. If you have any errors, CSS won’t parse correctly.

Let us know how it goes.
Thanks!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.