Change color of dropdown menu

Remember to always include as much information as you can when posting your issues here: https://codex.www.ads-software.com/Forum_Welcome#Include_as_much_information_as_possible

Thanks for the tip Andrew.

I’m using TheProfessional theme by Elegant Themes version: 3.7.
Here’s the website (in Dutch): https://www.interprevent.nl

You can do this by modifying the style.css file of the theme. The path to the file on your hosting account would be public_html/wp-content/themes/TheProfessional/style.css. You can also modify theme files with the built-in editor in the admin panel.

The code that you need to modify starts on line 157 and looks like this:

ul.nav ul li a {
    background: url("images/menu-bullet.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0);
    padding: 4px 0 4px 15px;
    width: 145px;
}

Delete the part rgba(0, 0, 0, 0) and replace it with #FFFFFF (or just with white), so that the changed code looks like this:

ul.nav ul li a {
    background: url("images/menu-bullet.png") no-repeat scroll 0 9px #FFFFFF;
    padding: 4px 0 4px 15px;
    width: 145px;
}

Then clear the browser cache and refresh the frontend of your site.

Hope this helps.

You can do this by modifying the style.css file of the theme.

It’s not a good idea to modify theme files – as your changes will be lost when the theme is updated. Instead use a child theme or custom CSS option or plugin.

Thanks a lot hostknox, this helps for the time being!

And WPyogi, thanks for your advice for the long run. What’s the easiest way to use one of your options?

Yes, forgot to mention that.

Here’s more info on creating a child theme:

https://codex.www.ads-software.com/Child_Themes

If you are only changing CSS, you can use a CSS plugin and ADD the above code to it and change it there.

Great, thanks guys, it’s fixed now! So I’ll close the topic ??