This custom CSS should work. I’ve included link color for inactive, active, and hover states. I’ve also included the CSS for changing the color of the dropdown background.
Let me know if this works. Thanks!
/* LINK COLOR */
.she-header .elementor-nav-menu a {
color: #ffffff !important;
}
/* LINK HOVER COLOR */
.she-header .elementor-nav-menu a:hover {
color: #ffffff !important;
}
/* LINK ACTIVE COLOR */
.she-header .elementor-nav-menu a:active {
color: #ffffff !important;
}
/* DROPDOWN MENU BACKGROUND COLOR */
.she-header .elementor-nav-menu–dropdown {
background-color: #ffffff !important
}
This code works does the trick, but some menu links disappears.
Nope, my mistake. Scratch the last I wrote.
Is there any way to change the color for the pointer aswell? I tried a:pointer and it didnt work
I’m not sure what you mean by pointer
In Elementor you can have underlines, framed effects when hovering over the links. I’m not sure what it is called, however in Elementor you can change the color of these underlines, frames etc. and I believe it’s called pointer. (I’m running Elementor with swedish language so it may be called something else)
I see what you’re saying. Which style are you using? Do you have a link to the page?
I’m using underline slide effect. The webpage is currently private. I could give you the login credantials. Just tell me how to send them to you.
I also noticed there is no code for changing the burger icon. Could you help with that as well?
Hi, do you think that you will build in a option for the menu text colour on scroll/sticky, just like we can choose the background colour? Thanks
Hi, this doesn’t seem to work for me – I want to change the text color on scroll, but this CSS just changes the color.
I want my text to be white when on top, and change to dark grey when I scroll down.
Can you help me with that?
Thanks!
@kolkdaan that CSS is for changing link color. Are you trying to change regular text?
Hi Robert,
I have the same question; is it possible to change the color of a text on scroll? Not a link, but just plain tekst?
Thanks!
Found it. Gave the text a class (she-tekst).
And in custom css:
.she-header .she-tekst {
color: #007279 !important;
}
Great plugin btw 🙂
@stefan_van_ham I’m glad you found a solution. This is a great example of how we made the plugin in a way that let you make changes like this easily. also, thanks for your kind words. I’m glad you like it.
