Highlighted Textbook Header Font

Look Demo

Add a highlighted background style to any headers and text – not 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.

// Highlighted Text //

h1 {
  background-image: linear-gradient(to top, #4FEAAB 50%, transparent 50%);
  width: auto;
  display: inline;


Change the “h1” value to the header you’d like to target - this can either be h2 or h3.

Replace the #4FEAAB value with the color code of your choice.

Please keep in mind that this code only works when the text is aligned to the left.


No notes.