Docs

[c1s]

Hi,

i added the class “Terminfarbe” to the navbar item “Termin buchen!” and added the css in the customizer to change the font color of this menu item (this works! ;-).

To match the colors, the indicator of this navbar menu item should have the same color as the font.

How can i achieve this?

Thanks

[c1s]

This reply has been marked as private.

[Nabeel A]

Hi there,

To achieve this, just add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.Terminfarbe a:hover>span {
    box-shadow: 0 2px 0 0 #49AACD !important;
}

Let us know how this goes!

[c1s]

That helped a lot – thanks very much !!

In addition, I would like to have the same color of that box-shadow, when the item is selected.

I tried

Terminfarbe > a:active> a {
    box-shadow: 0 2px 0 0 #38a2c9 !important;
}

and the same with “span” but no luck.

Please could you show me how that can be done?

Thanks!!

[Paul R]

Hi,

Please add a dot before Terminfarbe in your code.

eg.

.Terminfarbe > a:active> a {
    box-shadow: 0 2px 0 0 #38a2c9 !important;
}

Hope that helps.

[c1s]

I am sorry this didn’t solve the problem

[Nabeel A]

Hi again,

Please replace the previous code with this one:

.Terminfarbe.current-menu-item > a > span {
    box-shadow: 0 2px 0 0 #43A6CB !important;
}

Let us know how this goes!

[c1s]

That’s working great thanks a lot!

[Zeshan]

You’re welcome! 🙂

[Author]

Posts