Drop down menu background

  • Resolved FoxTek

    (@foxtek)


    9 years, 6 months ago

    I’ve been confused about the forum support posts as I have been unable edit the drop down menu background color in my SKT Black theme. I’ve tried to insert code in Appearance Theme Options > then under the Basic Settings within the Custom CSS box have the following code:

    ..sf-menu ul {
    background: #333;
    border-bottom: 0;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    }

    Nothing changes on my site. https://foxteknology.com/WordPress/ which is not live yet.

    Am I in the right place? Am I missing something? I’m simply trying to change the default white background to a grey as well as the lines between to black.

    Would very much appreciate some feedback and guidance as I’m befuddled that I’m unable to make edits after reading many posts on this subject.

    Thanks in advance.

    Frustrated Newbie

Viewing 10 replies - 1 through 10 (of 10 total)

  • Hi FoxTek,

    First, Try This code, If it does not work then

    .header .header-inner .nav ul li:hover > ul {
	background-color: #333;
}

    Second Try This one.

    .header .header-inner .nav ul li ul {
	background-color: #333 !important;
}
    Thread Starter FoxTek

    (@foxtek)

    Thanks!

    Second one worked in Appearance Theme Options > then under the Basic Settings within the Custom CSS box.

    What code would change the code of the “lines” as I have multiple sub menus. Right now they are orange and to be consistent with my theme I would like them to be red preferably, or black.

    Many thanks in advance.

    Hello FoxTek,

    use this css:

    .header .header-inner .nav ul li ul li a {
border-top: 1px solid #;
}

    Thread Starter FoxTek

    (@foxtek)

    Thanks again. Much appreciated!

    Thread Starter FoxTek

    (@foxtek)

    Can I also change the color of the text? After looking at it, the black on dark grey seems to get lost. I’m think white just like the menu

    Let me know and again you’ve been a great help!! ??

    Thread Starter FoxTek

    (@foxtek)

    Where do I find the color chart for the three digit css codes?

    Hello FoxTek,

    Normal stage:

    .header .header-inner .nav ul li ul li a {
color: #;
}

    Hover Stage:

    .header .header-inner .nav ul li ul li a:hover {
color: #;
}
    Thread Starter FoxTek

    (@foxtek)

    Many thanks! Worked like a charm!

    Just one final question as even when I did a google search, the color charts that I saw did not give me the result as indicated. I know I can use words for color, but isn’t there a more detailed chart for the three digit codes such as you provided above fro dark gray – e.g #333?

    If you point me in the right direction I would be very grateful.

    I’ve Used css short color code
    Example:

    #333333
#333

#ff2200
#f20

#ff66ff
#f6f

#ff9966
#f96

    https://www.webmonkey.com/2010/02/color_charts/

    Get hex value: https://www.color-hex.com/

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Drop down menu background’ is closed to new replies.