Remove Hyperlink Line

Look Demo

Remove the hyperlink line underneath text without affecting buttons (common issue). This plugin uses css editor and works with all template families in Squarespace 7.0.

No look demo available.

How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// REMOVE LINE FROM BODY //

.sqs-block-content p a, .sqs-block-content p a:visited {
border: none !important;
}

// REMOVE LINE FROM H1 //

.sqs-block-content h1 a, .sqs-block-content h1 a:visited {
border: none !important;
}

Customize

Change h1 to the property you are targeting - this can either be h1, h2, or h3. Adjust the color, width, and stroke color to your liking. To make the text transparent, simply change white to transparent.

If you’d like to target a specific block, add the block ID before h1. Block IDs look like this: #block-yui-123456789. Download Squarespace Collection/Block Identifier to help make finding and copying block IDs easier.

Notes

No notes.