Text Highlight Selection Color

Install Steps

Text Highlight Selection Color

Submitted by Moov Labs Works with all template families

static1.squarespace-1.jpg

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.

// Text Highlight Selection Color //

::selection {
  background: #F4B5A8;
  color: #FFFFFF;
}
::-moz-selection {
  background: #F4B5A8;
  color: #FFFFFF;
}

Step Three

To change the highlight color itself, switch the background values #F4B5A8 to the color of your choice. To change the text color when highlighted, switch the color values #FFFFFF to the color of your choice.

Save and refresh the page. 👍

Moov Labs