1. Dismiss Notice

How to change menu colors?

Discussion in 'ColorWay WordPress Theme' started by chauncey99, Dec 25, 2013.

  1. chauncey99

    chauncey99 Member

    Joined:
    Dec 11, 2013
    Messages:
    33
    Likes Received:
    0
    Hello, I would like to have custom colors for my menu as follows:

    1) top row of menu buttons and drop down buttons: RED (all same color)

    2) button font: WHITE (all buttons)

    3) mouse hover over all buttons: GREEN

    Thank you for your help!
     
    chauncey99, Dec 25, 2013
    #1
  2. Piyush

    Piyush Support Staff

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


    Firstly,
    Go to the Appearance -> Theme Options -> Styling Options panel in your dashboard and
    select the green color from the Theme Stylesheet section.

    And then 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{
background: red;
}
#menu li a {
background: red;
color:white;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
#menu .ddsmoothmenu li ul {
background: red;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
#menu .ddsmoothmenu li li {
background: red;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
    This will solve your issue.
     
    Piyush, Dec 26, 2013
    #2

Share This Page