Blog Image (Rounded Corners) - Blog Page


Plugin Details

Add rounded corners to the blog post image shown on the main blog page.

Compatibility

  • Works with Squarespace 7.1

  • Uses Custom CSS

  • Compatible with all Blog Layouts


Add to Custom CSS

// BLOG POST IMAGE - BORDER RADIUS - GHOSTPLUGINS.COM //

.blog-image-wrapper img {
  border-radius: 20px;
}

// BLOG POST IMAGE CONTAINER - BORDER RADIUS - GHOSTPLUGINS.COM //

.blog-image-wrapper {
  border-radius: 20px;
  border: 1px solid #ddd;
}

Customizable Options

  • Border Radius (Image)

  • Border Radius (Container)

  • Border Style

Notes

Make sure that both of the border radius values are the same.


Previous
Previous

Full Width Button - Donation Block

Next
Next

Blog Image (Tilt Hover) - Blog Page