Ghost Plugins

View Original

Text Outline Effect

See this gallery in the original post

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.

See this content in the original post

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.


See this gallery in the original post