main menu dropdown menu background color

can the dropdown background color be changed from white to another color. Not showing up well against white post pages.

http://www.tampamarketmonday.com

HI

Try this css in theme panel > custom code > custom css to change the background color for drop-down menu: http://screencast.com/t/qoWfDq9mW

.sf-menu ul li{
background-color: red;
}

Thanks!

Okay, that works, but it also changes the font colour. How to change the font colour on the menu drop down button if using this?

/* ————————————————————————-
>>>> Change colour drop down – main menu
—————————————————————————-*/
.sf-menu ul li{
background-color: #303030;
}

Thanks

Hi Catalin,

Thanks for your reply. However, it doesn’t answer the question. We are talking about two different things here.

The drop dow colour has a white background which looks odd on a white website background (You can’t see it very well).

If I use this CSS code it changes the background to the colour I want:

/* ————————————————————————-
>>>> Change colour drop down – main menu
—————————————————————————-*/
.sf-menu ul li{
background-color: #303030;
}

However, the text becomes dark and you can’t see the text. The theme panel does not control the drop-down text or drop colour – it only does this for the main menu itself and not the drop-down.

Hi Catalan,

I sued this:

/* ————————————————————————-
>>>> Change colour drop down – main menu
—————————————————————————-*/
.sf-menu ul li{
background-color: #303030;
}

.sf-menu ul .td-menu-item > a:hover, .sf-menu ul .sfHover > a {
color:#F0F0F0;
}

But the font colour i still dark, see here for example: http://www.viewpointsandreviews.com/

Thank you

Hi Catalan,

Thanks for your reply. No, its not working, the font is black on red. The font colour needs to be white on dark. At the moment you can’t see the font unless you rollover. See here: http://imgur.com/QrzqeFp

I would like to make the font white.

Thanks

Hi Catalan,

Perfect, thank you

VZ