Solid Underline Header Text

Install Steps

Solid Underline Header Text

Submitted by Moov Labs Works with all template families

ezgif-3-30d4430d7994.png

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