Gradient Read More Button - For Blog

---

1. Plugin Info

Turn the blog post read more link into a gradient button.

• Works with Squarespace 7.1

• Uses Custom CSS

---

2. Add this code to Custom CSS

// Gradient Read More Blog Button - Ghost //

.blog-more-link {
  margin-top: 10px !important;
  padding: 10px 30px !important;
  border-radius: 5px !important;
  border: 0px solid #000000 !important;
  background: linear-gradient(to right, #53d6ff, #666be1) !important;
  color: #ffffff !important;
}

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

---

3. Customizable Options

• Button Gradient Color

• Text Color

• Border Radius

• Border Style

• Padding (Button Size)

• Top Spacing

---

4. Plugin Notes

• Works with all blog layouts.

• Does not apply to summary blocks.

---