Deactivate highlighting of clicked navigation items and buttons

Plugin Author
malihu

(@malihu)

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

Plugin Author
malihu

(@malihu)

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.

Plugin Author
malihu

(@malihu)

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.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer