Text Outline Effect

Look Demo

Add a simple outline style to text headers (not ideal for normal text). This plugin uses css editor and works with all template families.

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.

// Text Outline Effect //

h1 {
color: red !important;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: black;
}

Customize

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

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

Notes

No notes.