Index Page Images won't round

I'm looking to round the corners of the the index page image blocks but I'm running into difficulty. So far, using the bit of code below, I've gotten the images' corners to round when you hover over them, but I'd like it to be that way even if someone isn't hovering over the image.

Code:

.index-item.has-item-image {
    border-radius: 20px !important;
}

Does anyone have any suggestions on how to make the corners stay rounded without hovering over them?

Can you share link to page in screenshot?

Absolutely! Here is a link to the page: https://www.jadewilburndesign.com/

On 3/19/2022 at 6:06 AM, GalPal1 said:

Absolutely! Here is a link to the page: https://www.jadewilburndesign.com/

Use this new code

.index-item.has-item-image, .index-item.has-item-image>a {
    border-radius: 20px !important;
}

It worked!!! Thank you so so so much for your help!!