Gradient Index Image Background

Install Steps

Gradient Index Image Background

Submitted by Purple Giraffe Works with the Brine template family

gradient_index.png

Step One

From your Squarespace account, go to the Custom CSS Editor: Design > Advanced > Custom CSS

Step Two

Copy and paste one of the codes below into the Custom CSS Editor box.

// Gradient Index Image Background //

.Index-page--has-image .Index-page-content {
  background: linear-gradient(-100deg, transparent 0%, #F07C63 80%, #E45372 100%);
}

Step Three

Change the #F07C63 and #E45372 values to the colors of your choice. You can also adjust the -100deg value to change the angle of the gradient color.

Save and refresh the page. 👍

Moov Labs