Blog - Read More Link Button (Full Width)


1. Plugin Info

Turn the blog post read more link into a full width button.

  • Works with Squarespace 7.1

  • Uses Custom CSS


2. Add this code to Custom CSS

// Full Width Read More Button - For Blog - Ghost //

.blog-more-link {
  margin-top: 30px !important;
  padding: 10px 30px !important;
  border-radius: 5px !important;
  border: 2px solid #000000 !important;
  background: #000000 !important;
  color: #ffffff !important;
  display: block !important;
  text-align: center;
}

.blog-more-link::after {
  background: none !important;
}

3. Customizable Options

  • Button Color

  • Text Color

  • Text Alignment

  • Border Radius

  • Border Style

  • Padding (Button Size)

  • Top Spacing


4. Plugin Notes

  • Works with grid blog layout.

  • Does not apply to summary blocks.


Previous
Previous

Blog - Read More Link Button

Next
Next

Gradient Folder Color