Deactivate highlighting of clicked navigation items and buttons

Hey David,

Yes, you can add a non existing selector in highlight selector in plugin settings. For instance, go to “Page scroll to id” settings and set the “Highlight selector(s)” option value to:

nothing

and save changes. That’s it.

Hey Malihu,

Thanks for the quick reply. I typed the word “nothing” in the input box (see screenshot) like you said but unfortunately it didn’t have any effect. The navigation items and the buttons still remain clicked. Or did I get you wrong? I’ve checked it with Chrome and Firefox and deleted the cache.

Best regards,
David

Oh! I see. The highlighting you see (link’s yellow color) comes from your theme (not the plugin).

Keep the nothing value you added before (since you don’t use plugin’s highlight feature) and add something like the following to your custom/additional CSS:

.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item.focus:not(:hover) > .menu-link.__mPS2id{
    color: #f6f8f5;
}

It should do the trick. Let me know.

That’s weird because in my theme options, the active navigation items are set on white. Anyways, your snipped did the job in the navigation – again ?? Thanks man!

Can I apply something like this for the buttons as well? There might be a connection with the plugin because when I deactivate it, it’s gone… Right now, the buttons still remain clicked.

Sure. Try this:

.elementor-2135 .elementor-element.elementor-element-7405e072 .elementor-button.__mPS2id:focus:not(:hover){
    background-color: #E6AD1A00;
}

Not sure how your CSS are applied but I see the styles printed on the page. Maybe it’s some Elementor custom styling?

Great, thanks, it worked! You are awesome and amazingly fast. And the best thing is: Now I know how to apply this on other buttons as well! I really hope I’m done for now.

Regarding your question: I’m sorry, I don’t know exactly what you mean with “printed on the page”. I add css in the customizer only. The foundation of the site is/was an Astra template but I modified it a lot.

You’re welcome.

I just meant that the CSS is on the HTML page itself, not a separate .css file, meaning that I cannot pinpoint exactly if the theme or a plugin has generated it.

Adding the CSS in the customizer additional CSS is correct ??

Ah, OK… now I got it. I’m still learning ?? Have a good one!