Custom Link Styling

Site URL: https://www.thedailyassist.com

Hello,

I've tried to follow previous support posts about changing the link styling in the header and throughout my website. I would like to add a hover color + a color underlined under the hovered link, plus a colored underlined for the active page. All of the codes I have tried have not worked, so I am wondering what I am doing wrong?

The webpage is currently password protected and can be viewed by using the password "thedailyass" 

On 8/26/2021 at 8:26 AM, makeithumme said:

Site URL: https://www.thedailyassist.com

Hello,

I've tried to follow previous support posts about changing the link styling in the header and throughout my website. I would like to add a hover color + a color underlined under the hovered link, plus a colored underlined for the active page. All of the codes I have tried have not worked, so I am wondering what I am doing wrong?

The webpage is currently password protected and can be viewed by using the password "thedailyass" 

Add to Design > Custom CSS

div.header-nav-item a:hover:after {
    content: "+";
    display: block;
    text-align: center;
    color: orange;
}

On 8/26/2021 at 11:19 PM, tuanphan said:

Add to Design > Custom CSS

div.header-nav-item a:hover:after {
    content: "+";
    display: block;
    text-align: center;
    color: orange;
}

 

Thank you for the fast reply! Sorry, I wasn't clear in my original post. I would like to add a colored underline under a link hover AND a color underline for the active page as well. Can you help me with that? Sorry for my original mistake. 

Any help would be appreciated!

On 9/3/2021 at 10:19 PM, makeithumme said:

Any help would be appreciated!

You can follow this https://forum.squarespace.com/topic/152130-share-custom-code-navigation-link-colorhover-coloractive-color