Rounded corners on list element

LucieGbt1993 · July 22

Hi,

I have implemented a list module in order to display some information. I would like the cards of each element to have rounded corners - border-radius : 20px. Could you please help me implement this?

https://www.elige-conseil.com/notre-methode / password : eligeconseil2024

Thanks very much,

Lucie

Ziggy · July 22

You can try this Custom CSS:

.user-items-list-simple .list-item[data-is-card-enabled="true"] {
    background-color: var(--list-section-simple-card-color);
    border-radius: 20px;
}

You may also want to add a radius to the image in the top corners, so this might be worth try as well:

.user-items-list-simple .list-item-media-inner:not([data-aspect-ratio="original"]) .list-image {
    border-radius: 10px 10px 0 0;
}

LucieGbt1993 · July 22

Brilliant, thanks very much for your help !

Ziggy · July 22

1 hour ago, LucieGbt1993 said:

Brilliant, thanks very much for your help !

No problem, can you mark my post as the solution and give it a like? Thanks!

Rounded corners on list element

Recommended Posts

LucieGbt1993

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

Ziggy

LucieGbt1993

Ziggy

Create an account or sign in to comment

News

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources