[Resolved] css vor primary menu

[Martin]

I’ve added css to the primary menu items.
Everything works, except for the color and the font-weight for the hover (background-color works for the hover).
Why is this so?

.hauptmenue {
width: 150px;
text-align: center;
background-color: #009435;
border-radius: 5px;
margin-left: 40px;
margin-top: 10px;
margin-bottom: 10px;
}

.hauptmenue:hover {
color: red;
font-weight: bold;
background-color: #006324;
}

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

[Martin]

Hi,

the url is:

I have the same problem with: “:active”.
The properties that I define for it are also not taken into account.

Actually, I could do everything with the Thems Customizer. Only there I can’t get any space between the menu entries. So I have to use additional CSS.

[Leo]

Sounds good 🙂

[Martin]

What does that sound like?

I only described why I needed additional CSS at all and that the problem also exists with other properties.

So what should I do with your answer?

[David]

Hi there,

can you share a link to your site so i can take a look at the issue

[Martin]

Hi,

I had done that before

[Elvin]

Hi,

Are you still trying to apply the font-weight on hover?

If so, you have to apply it on the anchor element(.hauptmenue a) and not the li(.hauptmenue).

.hauptmenue a:hover{
color: red;
font-weight: bold;
background-color: #006324;
}

The color property may have to require the use of !important. But wee recommended setting it on Appearance > Customize > Colors > Primary Navigation.

[Author]

Posts