skip to Main Content

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


  1. you can override theme css with it

    .style-577 .colibri-menu-container ul#menu-colibri-menu li a {
        color: rgb(255 0 0) !important;
    }
    
    Login or Signup to reply.
  2. 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");

    Login or Signup to reply.
  3. For me it works with a slightly different CSS:

    .style-9 .colibri-menu-container ul.colibri-menu li a {
        color: red !important;
    }
    
    .style-9 .colibri-menu-container ul.colibri-menu li a:hover {
        color: green !important;
    }
    

    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.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search