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?

CodePudding user response：

you can override theme css with it

.style-577 .colibri-menu-container ul#menu-colibri-menu li a {
    color: rgb(255 0 0) !important;
}

CodePudding user response：

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");