Jump to content

Underline links by default in Harris theme

Go to solution Solved by paul2009,

Recommended Posts

My site uses the HARRIS theme. I'm not a coder, so please excuse me if this is an easy question.

I would like my site to default to underlining links. I looked in the theme settings and could not find a way to make underlining the default for all links. When visitors hover over a link, an underline certainly appears, but I would like that underlining to show all the time, not just when someone hovers over linked text.

Anyone have any ideas on what I can do to change the default link behaviour? If I need to do something custom, please be very specific so my non-coder brain can follow your instructions. 🙂

Thank you.

Link to comment
  • Replies 3
  • Views 527
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution
On 6/24/2023 at 6:11 PM, ninsights said:

My site uses the HARRIS theme. I would like my site to default to underlining links. I looked in the theme settings and could not find a way to make underlining the default for all links.

Harris is a York-family template on Squarespace 7.0. The designer of this template choose to highlight links by making them appear in a different colour. The underline only appears when when you hover over the link:

image.gif.ecb424a4e9cf763517232e4f55694e0e.gif

You should be able to make the underline appear all the time by adding this to Design > Custom CSS:

#content a {
  text-decoration: underline;
}

Let me know how you get on.

Did this help? Please give feedback by clicking an icon below  ⬇️

Edited by paul2009
Updated

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Link to comment
  • 3 weeks later...
26 minutes ago, ninsights said:

That worked great for page links but also underlined options in my header menu

I've updated the solution 😀

Did this help? Please give feedback by clicking an icon below  ⬇️

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Link to comment

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.