Adding rounded corners images on a People Section

Hi there,

Can't seem to find any code on the forum to achieve adding rounded corners on the images on People Section.

Can anyone help with this?

Less important, but also looking to increase the max columns from 6 to 8.

Thanks in advance!

Can you share your website URL and the page this is on?

I can't at the moment as the site is under NDA. I have attached a screenshot though (with blanked out info) which will hopefully help.

On 11/23/2023 at 8:11 PM, FGFGFG said:

I can't at the moment as the site is under NDA. I have attached a screenshot though (with blanked out info) which will hopefully help.

To adding round, you can add this code to Website > Website Tools (under Not Linked) > Custom CSS

/* People section - round */
.list-item-media-inner img {
    border-radius: 30px;
}

To change to 8 columns on desktop, use this CSS code

/* People section 8 columns */
@media screen and (min-width:768px) {
.user-items-list-item-container {
    grid-template-columns: repeat(8,1fr) !important;
    grid-gap: 20px 20px !important;
}
}