Custom CSS to change the font color and background of the main menu


#1

I am looking for assistance in changing the font color on my main menu to black from white. I have to use a custom CSS in order to make the chance in Lycka theme. Can someone assist me?

Thanks


#2

Without some code for us to see, it will be difficult to help you.

However, font color is changed like this:

If the selector is an ID

#selector {
  color: white;
}

If the selector is a class

.selector {
  color: white;
}

#3

would it help if you go to my website and take a look yourself? www.italiaonaplate.com

the menu background color is a light gray and the menu font is white... it is very difficult to read the menu.


#4

meantime I will try your suggested changes


#5

I might be wrong, but I think this is the one... hope so anyway.

/* -------------------------------------------------- */
/* Menus
/* -------------------------------------------------- */
.menu {
	display: table;
	margin: 0 auto;
}

.main-navigation {
	border: 9px double #fff;
	font-family: 'Lora', serif;
	font-size: 19px;
	font-style: italic;
	font-weight: 400;
	margin:5px 0;
	padding: 7px;
}

.main-navigation a {
	color: #fff !important;   ----------> I believe this is it. #000 for black
	text-decoration: none;
}

Try changing it like this:

.main-navigation a {
	color: #000 !important;   
	text-decoration: none;
}

Careful however because the hover is still white

.main-navigation a:hover {
	color: #fff !important;
	text-decoration: none;
}

So if you want your links to remain black, change this also to #000