Jump to content

List Section - Round the corners of background card

Go to solution Solved by Ziggy,

Recommended Posts

Posted

Hi there, I'm just wanting to round the corners of the list section background card so it matches the curved corners used throughout the rest of the site - is there some css to do this? Thanks!

  • Solution
Posted

Hi @organic_emma hope this helps! Add to your Custom CSS:

.user-items-list-carousel .list-item {
  border-radius:20px;
}
.user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__description {
  text-align:left;
}
[data-is-media-enabled="true"] .user-items-list-carousel__media-inner[data-media-aspect-ratio="circle"] {
    border: 4px solid rgb(178,5,61);
}

If you want this to apply just to that section, I can add a section target for you.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.