Jump to content

Link Styling Not Working in Safari

Recommended Posts

Site URL: https://nectarine-seal-9zhz.squarespace.com/leadership-toolkit

I added text decoration to links so that the automatic styling is hidden and then on hover an underline appears. It's working fine in Chrome but I can't get it to work in Safari. I've tried adding -webkit- but that didn't work. How do I make sure my CSS styles show up across all browsers. 


This is the code as I have it currently and this is working in Chrome, but isn't working in Safari 

a:link { text-decoration: none;
 -webkit-text-decoration: none;}
a:hover {  
  -webkit-text-decoration-line: underline; /* Safari */
   text-decoration-line: underline; }

#block-603ec7c4702da91b36dabb45 {.sqs-block-content a, .sqs-block-content a:visited {
background: none !important;
  -webkit-background: none !important;

Screen Shot 2021-03-11 at 11.56.46 AM.png

Screen Shot 2021-03-11 at 11.56.50 AM.png

Link to comment
  • Replies 0
  • Views 1.3k
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • 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.