I have tried everything, looked into the theme editor file but i couldn’t find this code.
This is the code which is used there for the menu :-
#colibri .style-577 > div > .colibri-menu-container > ul.colibri-menu > li > a {
Where can I find this code?
3
Answers
you can override theme css with it
An alternative way is to install a plugin that lets you edit the site’s header and footer and embed JS to it. (Something like this)
Try adding the following JS to the end of the body (because you want this to run after the code has executed and the style 577 is generated so that it can be overwritten):
var element = document.getElementsByClassName("style-577")[0];
element.classList.add("mystyle");
var obj = document.getElementsByClassName("mystyle")[0];
obj.style.setProperty("attribute", "value");
For me it works with a slightly different CSS:
ofc you can also use hex values like #ffffff or rgb as color codes. You have to add it via menu customizer >>> general settings >>> additional css. maybe you also have to find out by examing the websites code wich .style-$NUMBER you have to chose.