Buttons still have underline after applying settings


Hey there so basically the buttons on my navbar still get some kind of underline, i just want them to point to the given page without any effects. I watched your video but still cant understand how to fix it

Here are the settings:
image
Thanks in advance

1 Like

Hey @chrischopodliq, can you give me a link to your project so I can see what the issue is?

1 Like

https://cyberneticseo.divhunt.art/

1 Like

I see the problem, you just need to remove hover state from your link element and that’s it

1 Like

yes but i still want them to switch their color after hovering. just without the bottom line, will that be possible?

Do the same thing that you did with the text decoration thing (the screenshot you posted above), but this time, before you do it, click on the class selector (the bar where it says “tag” in the Design panel), and then click on the pink global class.

You applied removing the text decoration only to the unique tagged element (that’s why it’s in blue); you want to apply it to the whole global class of links so that all your links stop getting underlined. As long as you keep the colors in your :hover CSS the same, it should only remove the text decoration.

1 Like

Hi, as chelce said, you should edit class, in this case class is nav-link

and in settings of that nav link, it is set to be border-bottom blue on hover state.
So basically, click on nav-link class, then select hover state, scroll down to border section in design sidebar, and just reset border to default.

image

1 Like