Menu bar color and transparency

Discussion in 'BlackWell-WordPress Business Theme.' started by kbarnold, Jul 11, 2014.

Thread Status:
Not open for further replies.
  1. kbarnold

    kbarnold Member

    Joined:
    Dec 27, 2013
    Messages:
    62
    Likes Received:
    4
    Can you provide CSS code to change the menu bar background color and text color?

    Thanks.
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .panel {
    background: red;
    }
    .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited, .menu_wrapper.mobile ul li a:link, .menu_wrapper.mobile ul li a:visited{
    color:black;
    }
     
    #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 {
    color: red;
    background-color: blue;
    border-left: 9px solid yellow;
    } 
    In place of "red", "black" ,"blue" and "yellow" you can put your color or color code.
     
  3. kbarnold

    kbarnold Member

    Joined:
    Dec 27, 2013
    Messages:
    62
    Likes Received:
    4
    Thanks Piyush. That works good.
     
    Piyush likes this.
Thread Status:
Not open for further replies.

Share This Page