Jump to content

How to change hover underline color in Header without changing the actual text above it?

Recommended Posts

I am trying to make my navigation pages to underline on hover; however, I do not want it to change the color of the words above the underline like this. I want it to look like this:1715555374_ScreenShot2020-04-03at3_30_01PM.png.ee4519a0ee6a2c9e4977dd64b78fdf97.png

But, currently, it looks like this:113636378_ScreenShot2020-04-03at3_30_54PM.png.bbf5d1fb5c062273b4b879f9a61e283e.png

when using the code:

style
#header a:active{
 text-decoration: underline !important;
}

#header a:hover{color: red!important;
 text-decoration: underline ! important;
}

div.folder.active{
 text-decoration: underline ! important;
}

Any suggestions? I am using 7.1.

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.