Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi luminouscomm,

    Here is the css of all menu background-color & color, so please use the following css to fix your issue:

    #cir-site-header{
    	background-color: #282828 !important;
    }
    ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, .nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
    	color: #c6b274;
            background-color: #282;
    }
    .nav-menu li a, .nav-menu li.home a{
    	color:#adada;
    }

    Thanks

    Thread Starter luminouscomm

    (@luminouscomm)

    Unfortunately, I tried adding that code but it did not work. When I look at the dev tools in Google Chrome, it is still showing that the old color is taking precedence over the new one. it is referencing:
    `.nav-menu li a, /nav-menu li.home a { (index) : 79
    color: #846283;
    }`
    It is not referencing the stylesheet.

    Hi luminouscomm,

    Please use the custom css plugin or child theme to write css.

    Thanks

    Hi there,

    We didn’t get your reply since 2 weeks. We hope you got the solution of your issue.

    Thanks

    Hello,

    I have the same problem. Tried the code and I can change the background colour, but the links color does not change. Am using style sheet css in child theme for circumference. (Note – in customiser there is no place that I can see to change the menu/navigation links)

    ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, .nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
    color: #0434ff;

    }
    .nav-menu li a, .nav-menu li.home a{
    color:#0434ff;
    }

    But Firebug shows that customiser setting is overriding the style.css sheet.

    Can you help?

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Menu Color Won't Change’ is closed to new replies.