Change colour of menu buttons

Discussion in 'Compass WordPress Theme' started by matthewford, Apr 30, 2015.

  1. matthewford

    matthewford Member

    Joined:
    Jan 16, 2013
    Messages:
    55
    Likes Received:
    0
    Hi,

    Where can I change the colour of the menu buttons? I have the blue styling but want the menu buttons darker and set to #3b5998

    Thanks,
    Matt
     
  2. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi, Matt!

    Please paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    #menu li.current-menu-item a,
    #menu li.current_page_item a,
    #menu li.current-menu-parent a,
    #menu li.current_page_parent a,
    #menu li a.selected, #menu li a:hover {
      background-color: #3b5998;
      border-bottom: 2px solid #0A2231;
    }
    Thanks,
    Praveen
     
  3. matthewford

    matthewford Member

    Joined:
    Jan 16, 2013
    Messages:
    55
    Likes Received:
    0
    Thanks that worked however one of my menus has a sub menu and the sub menu displays in the standard colour, how can I change that?
     
  4. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hello!

    Please paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    #menu .ddsmoothmenu li ul {
      border-bottom: 2px solid #0A2231;
    }
    ul.sub-menu li a {
      background: #3b5998!important;
      color:white !important;
    }
    Thanks,
    Praveen
     

Share This Page