How to style images with image borders on SquareSpace

Styling your images will make your Squarespace site so unique! Here is a CSS trick just for you.

Get the Code!

Add this code in your squarespace editor menu, click Design > Custom CSS

/*Block image inline Border*/
.design-layout-inline .image-block-wrapper {
 background-image:
    linear-gradient(
      to right, 
      #C89595,
      #DDBEBE, 
    );
  padding: 30px,
}

If you prefer a half border, use this code instead:

/*Block image inline Border*/
.design-layout-inline .image-block-wrapper {
 background-image:
    linear-gradient(
      to right, 
      #C89595,
      #DDBEBE 60%, 
      white 0%,
    );
  padding: 30px,
}

---

You might also be interested in these articles:

---

PREMIUM SQUARESPACE TEMPLATES

Are you on the hunt for a premium, professional squarepace website that's ready to launch and SEO-optimized, but worried about the hefty price tag associated with custom design agencies?

Look no further! We've got an exciting and affordable solution that's as fun as it is functional – perfect for unleashing your website dreams.

Lily Magnolia | Interior Design Squarespace Template

$297.00

The Lily Magnolia design is warm and clean and will give your website elegance, yet simplicity. This Squarespace 7.1 template is perfect for home decorators and interior designers.

This product is built with classic Squarespace 7.1. builder, and supports Fluid Engine.

Designed pages include:

• Homepage

• About page (2 options)

• Services page

• Portfolio section

• Contact page

• A few saved customized blocks so you can add to new pages you wish to add

All pages are easily duplicable and customizable in the case you’d like to add more to your website.

VIEW THE DEMO (password: webdemo)

* All website templates are installed by Imagiweb Design in 1-2 business days *

PURCHASE NOW

Kamomile | Acupuncture Squarespace Template

$297.00

The Kamomile design is a fresh & clean Squarespace 7.1 Template, perfect for a wellness professionals specializing in Acupuncture, Cupping and holistic medicine. This product is built with classic Squarespace 7.1. builder, and supports Fluid Engine. All website templates include:

• Fully Customizable Layout

• SEO Friendly

• Responsive Design

• Step-By-Step Instructions

Designed pages available with this template:

• Homepage

• About

• Services (3 options)

• Blog

• 404 page

• A selection of customized blocks so you can add to new pages you wish to add

All pages are easily duplicable and customizable in the case you’d like to add more to your website.

VIEW THE DEMO (password: webdemo)

* All website templates are installed by Imagiweb Design in 3-5 business days *

PURCHASE NOW

Sage | Holistic Wellness Squarespace Template

$297.00

The Sage design is a fresh & clean Squarespace 7.1 Template, perfect for a wellness professionals and holistic center, doctors, yoga school.

This product is built with classic Squarespace 7.1. builder, and supports Fluid Engine.

Designed pages include:

• Homepage

• About

• Services (4 options)

• Pricing

• Blog

• Shop

• A few saved customized blocks so you can add to new pages you wish to add

All pages are easily duplicable and customizable in the case you’d like to add more to your website.

VIEW THE DEMO → (password: webdemo)

PURCHASE NOW