Full Width "Read More" Button

Look Demo

Easily turn the “read more” text into a full width button. 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.

// Summary Block Full Width Button //

.sqs-block-summary-v2 .summary-item-record-type-text .summary-read-more-link {
  display: block;
  margin-top: 30px;
  text-align: center;
  background: #000000;
  color: white;
  border: 0px solid white;
  border-radius: 5px;
  padding: 10px 20px;
}

Customize

Adjust the text align, 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.

Notes

No notes.