Archived topic

css vor primary menu

7 replies · Started by Martin on November 20, 2020

Viewing posts 1–8 of 8

November 20, 2020 at 2:18 pm #1539474

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

November 20, 2020 at 3:27 pm #1539518

Hi there,

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

You can use the private information field.

Let me know :)

November 24, 2020 at 7:32 am #1544481

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.

November 24, 2020 at 10:42 am #1544863

Sounds good :)

November 25, 2020 at 12:19 am #1545582

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?

November 25, 2020 at 3:51 am #1545894

Hi there,

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

November 25, 2020 at 12:47 pm #1547067

Hi,

I had done that before

November 25, 2020 at 5:35 pm #1548030

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.

This archived topic is closed to new replies.

Start building better websites today.