H , I would like to make the fonts of the main menu bold.

I wrote the following code in the custom.css file.

#menu ul > li a, #menu ul > li .zen-menu-heading
{
font-weight:900;
}

but nothing happened.
What am I doing wrong?
Thank you in advance

Hi

Do you have a link?

Also depending on the font it may not support 900 as a font weight

Cheers
Paul

www.sykyp.gr/

Right so that google font doesn't support that font weight so it won't display with that weight

tried 600 ?

Cheers
Paul

It seems that I cannot add code to custom.css anymore. I dοn't know why!! The modifications are saved in the custom.css file, but no change in the frontend!!
I made the following modifications, but nothing changed.

.zen-menu-heading {
background: #a32929;
font-weight: 600;
}

Hi

Adding that style means you are using a less specific style than what currently applies - this means it won't display

#menu ul > li .zen-menu-heading {background: red;}

for example is more specific than

.zen-menu-heading {background: #a32929;}

so the first example applies and is a horrible red colour

If you don't quite follow what I'm talking about specificity wise

www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/

Also this is missing a close bracket so any style after that won't work

.item-page.with-image {
padding-top: 180px;

Yes, thank you very much !!!!

And something else.
As you can see attached, when I hover the submenu heading, the font takes the background color and it disappears. Where can I change it to white?

Try adding

#menu ul ul > li a:hover, #menu ul ul > li.parent .zen-menu-heading:hover {color:#fff}

Cheers
Paul