Text Outline Effect


Step One

From your Squarespace account, go to the Custom CSS Editor: Design > Advanced > Custom CSS

Step Two

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;

Step Three

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.

Save and refresh the page. 👍

Moov Labs