Docs

[JRMacPherson]

Good Afternoon,

I have read through various posts asking the same question but none of the solutions seem to be working.

Can you confirm how I can change the background colour and text colour on the dropdown / submenu on the following staging site, as it is currently white background with white text.

http://test.consularassist.com/

User name and password in case needed to follow.

Thanks for your help!

John

[JRMacPherson]

This reply has been marked as private.

[Nico]

Hi There,

Thanks for writing in.

To change your submenu color text

.x-navbar .desktop .sub-menu li > a{
color:#fff;
}

To change Submenu background color:

.x-navbar, .x-navbar .sub-menu {
    background-color: #000
}

Change the hex color to achieve the best color you want.

Hope it helps.

Thanks.

[JRMacPherson]

Thank you,

I had tried both of those previously and they aren’t working.

I have updated the code and there’s no change.

Many thanks

John

[Friech]

Hi John,

Please update the given code to this:

header .x-navbar .sub-menu {
     background-color: #5b872d !important;
}

If you still need to change the white text color, add this custom css as well.

header .x-navbar .desktop .sub-menu li > a {
	color: #000;
}

Feel free to adjust those color values, and clear your browser’s cache after doing the changes.

Hope it helps, Cheers!

[JRMacPherson]

That’s great thank you.

The text color code isn’t working still but the background is.

Could there be a conflict somewhere?

[Friech]

Hi There,

It did not work, because you did miss the closing bracket on the first css block I’ve give.

/*This changes the submenu background*/
header .x-navbar .sub-menu {
     background-color: #3B9FB5 !important;

Please add the closing bracket.

Thanks.

[Author]

Posts