Solid Underline Header Text

Install Steps

Solid Underline Header Text

Submitted by Moov Labs Works with all template families


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.

// Solid Underline Header //

h1 {
    display: inline !important;
    box-shadow: inset 0 -0.18em 0 #51F5C1;
    -webkit-box-shadow: inset 0 -0.18em 0 #51F5C1;

Step Three

Change the h1 text property to the one you’d like to target. This can be either h1, h2, or h3.

Adjust both of the box-shadow sizes and color values #51F5c1 to your liking.

Save and refresh the page. 👍

Moov Labs