Text Outline Effect

---

Description

Add an 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: #fff !important;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #000;
}

---

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 #fff 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 block IDs easier.

---