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

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

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;
}

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.

meantime I will try your suggested changes

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