Gradient "Read More" Button

• Look Demo
• How To Install
• Customize
• License

Easily turn the “read more” text into a gradient button. This plugin uses css editor and works with all template families.

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

Copy Code

// Read More Summary Button //

.sqs-block-summary-v2 .summary-item-record-type-text .summary-read-more-link {
  display: inline-block;
  margin-top: 10px;
  background: linear-gradient(to right, #F07C63, #E45372);
  color: white;
  border: 0px solid white;
  border-radius: 5px;
  padding: 10px 20px;
}

Adjust the background, color, border, border radius, and padding values to your liking. Please keep in mind that the font family is set in Site Styles for body text.

This plugin comes with an Unlimited Use License. View License Terms