For the main menu bar the font colours are set by the theme font colours, they are currently as I want them to be for both normal and hover.
The problem is I’m using another plugin (Paid Memberships Pro) which sets its font colours from the theme, and the current colours mean you cant see the text in the white boxes where you type and the text colour on the buttons isn’t ideal. To change them I need to change the theme colours, but if I do this you then cant see the text on the menu.
Is there a CSS code I can use to set the menu font colours, so I can then change the theme colours to suit the plugin. Because I’m using elementor the theme font colours don’t affect much else.
www.rtcsports.co.uk is the website, the menu bar is the one across the top of each page. I need to change the standard pale green font and the mid green hover font colour.
Thanks,
Emily
Hi Emily
Thanks for reaching out.
You can perhaps try the rules provided for main menu link and link hover color on our CSS snippets page:
Page: CSS Snippets
Hi Andrew,
Sorry to bother you again. It worked for the page headings on the menu bar, but the search icon which should be to the right of the Facebook icon is still the same colour as the background. The hamburger and search icon on the mobile navigation have the same problem. How would I code these icons to be a different colour?
Thanks so much for your help,
Emily
Hi Emily
You can try the updated rule set at Page: CSS Snippets.
Kind regards
Andrew
Thank you so much for your help with this, problem solved!
Glad we could help.
All the best.
Andrew