Jump to content

Product block rounded corners

Go to solution Solved by Beyondspace,

Recommended Posts

  • Solution
Posted
8 hours ago, Tommyisbae said:

Hello. How can I get my product blocks to have rounded corners. The product blocks are in the "New Arrivals" section. My website is https://chrysalis-dog-f4na.squarespace.com/ password is 1234

Do you mean something like this?

image.thumb.png.2c79dbfb6dd29355a96ef43a2be9bdaa.png

Try adding the following Custom Css

.products-list .grid-item .grid-image {
  border-radius: 40px;
}

Let me know how it works on your site

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted
12 minutes ago, Tommyisbae said:

That worked. Thanks! Do you know how I can split the accordion block on the homepage to 2 columns each of 3 rows 

Do you mean this block?

image.thumb.png.e2d4683f5fc6155c418517ec6fa2d29c.png

How do you want to split it?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted
On 4/20/2024 at 4:19 PM, Tommyisbae said:

Yes. That block. I want to split it into two columns. With 1 to 3 on one column and 4 to 6 on the second column 

How do you think if you create 2 accordion blocks for 2 columns?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.