Solid Underline Header Text

Look Demo

Add a simple underline style to headers and text (not for hyperlinks). 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.

// Solid Underline Header //

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


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.


No notes.