Highlighted Textbook Header Font

Install Steps

Highlighted Textbook Header Font

Submitted by Moov Labs Works with all template families

highlighted.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.

// Highlighted Text //

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

Step Three

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.

Save and refresh the page. 👍

Moov Labs