Custom current state for ancherlinks

Design help Animations & Interactions
1

Hello! I am making a one-page website with anchor links. The navigation links should be in blue outline in nonactive state and in red fill and stroke on hoover and current state. I could not find out how to make the font outline with webflow instruments, therefore I am using the code that I found in the forum:

.link-menu { -webkit-text-stroke-width: 1.5px; -webkit-text-stroke-color: #292a64; } .link-menu:hover { -webkit-text-stroke-width: 1.5px; -webkit-text-stroke-color: #ee4036; }

But I can´t figure out how to change the outline colour on current state. When I am making the current state in red colour in webflow I still have the blue outline of the font. Can anyone help me with this issue?
Thanks!

Here is the public link: https://preview.webflow.com/preview/alena-sokolnikova-dizayn-v-detalyah?utm_source=alena-sokolnikova-dizayn-v-detalyah&preview=f3608678533a4e05140ba7a1bf4982ff

and here is the project preview: https://alena-sokolnikova-dizayn-v-detalyah.webflow.io/

Here is my public share link: LINK
(how to access public share link)

1 Like
2

Hello @Vladimir_Chernosvito

You need to add the current class > w–current

The css will look like

.link-menu.w--current {
    height: 80px;
    color: #ee4036;
    font-size: 80px;
    line-height: 84px;
    -webkit-text-stroke: none;
}

Piter :webflow_heart:

3

Hi Piter, thank you so much! It worked

1 Like