Streaming live at 10am (PST)

Custom current state for ancherlinks

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?

Here is the public link:

and here is the project preview:

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

1 Like

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:

Hi Piter, thank you so much! It worked

1 Like