Jump to content

How to create rounded corners within the summary block

Go to solution Solved by derricksrandomviews,

Recommended Posts

Site URL: https://www.shigovoicelessons.com/how-we-work-together

Hello there, Fine People of Squarespace, 

I've sourced code that creates a field of color for my testimonials, but want to have the corners rounded. Am I to assume the code needs further tweaking to make this happen? And if so, what would this be? 

Thank you for you help! 

 

sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager {   float: none;   width: 100%;   position: absolute;   bottom: 50%;   left: 50%;   -webkit-transform: translate(-50%,-50%);       -ms-transform: translate(-50%,-50%);           transform: translate(-50%,-50%);   -webkit-box-pack: justify;       -ms-flex-pack: justify;           justify-content: space-between;   z-index: 9; 
}

Screen Shot 2022-10-12 at 8.00.20 AM.png

Link to comment
  • Solution

This simple code should do the trick, I use it myself, you can adjust the px numbers and shape the summary item a lot of different ways. I also have an adjustable drop shadow effect with the items: https://myrandomviews.com/blogsummary

.sqs-block-summary-v2 .summary-item {
  border-radius: 15px 15px 15px 70px;

}

Edited by derricksrandomviews
Link to comment

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.