Change menu font

Try this:

.site-header .main-navigation a {
    color: inherit;
    display: block;
    padding: 6px 24px;
    font-size: 30px;
    font-weight: bold;
}

Don’t edit the theme files directly, otherwise your changes will be overwritten whenever the theme is updated.

A custom CSS editor (usually titled Additional CSS) is included in the Customizer as of WordPress 4.7 specifically for this purpose.

As an alternative, especially if you intend to modify more than just CSS, create a child theme.

OK. Thanks the fot changed but now the menu looks lik this:

See image:

Add the following property:

background:#ffffff;

OK. But now it looks like this!
See image:

I don’t see black ground in menu at your live site. So what seems to be the issue now?

The problem is this!
Se video:

the video did not work in my computer.

I recommend please identify exactly which theme you are using and then post in that theme’s dedicated forum via its page in the Theme Repository so the theme’s developers and support community can help you with this.

For commercial product support please contact the author directly on their site. Forum volunteers are not given access to commercial products, so they would not know why it is not working properly. Keep in mind we encourage you to use the official support venues, as it allows the developers to be aware of issues with their code and gives back to the community in a more robust way. See https://www.ads-software.com/support/guidelines/#do-not-post-about-commercial-products

• This reply was modified 5 years, 8 months ago by t-p.

Now I tried this in CSS:

/* huvudmeny */
#menu-menu-principal a {
font-size: 30px;
font-weight: bold;
}

But this did not work although it did so in another site

try clearing all cache.