Disabling animation on the current page link only

Design help Animations & Interactions
1

Hi everyone, is there any way to make my current link state not being affected by the animations? I just want to change the text color of each links to black while scrolling but even the current link of the page is turning black, I want it to stay blue as an active page indicator. Or any workaround?

https://preview.webflow.com/preview/myteamplus?utm_medium=preview_link&utm_source=designer&utm_content=myteamplus&preview=362e06a14bdfed2907e86a859e6e2471&pageId=670526f1053de22b412c6eda&locale=fr-FR&workflow=preview

Thanks!

1 Like
2

It would really help if you gave some indication of where to look or did screenshots- in the page you shared I can’t see any black links occurring on hover.

You can probably override with custom CSS and !important.

3

Thanks for the reply, it was not super accurate you are right. Here is a video with want I want to achieve exactly. Google Chrome - 7 February 2025 | Loom

4 

<style>
.menu-link.w--current {
    color: var(--bleu) !important;
}
</style>
5

Thank you soooo much for that. It works, thank you for the explanations I didn’t understand that !important property.

I repeated the snippet code for the hover state to be shown the same way after the animation occurred.

Thanks :star_struck: