Round Edges on Portfolio Grid in 7.1? How to apply border-radius?

Site URL: http://www.made4helpers.com

Hi, I have a grid-style portfolio page and am hoping to round the edges. I'm pretty sure the border-radius css command is correct, but I'm struggling to determine how to get it to apply to the grid. Any advice?

5 hours ago, AJZ said:

Site URL: http://www.made4helpers.com

Hi, I have a grid-style portfolio page and am hoping to round the edges. I'm pretty sure the border-radius css command is correct, but I'm struggling to determine how to get it to apply to the grid. Any advice?

 

What is the site password

I appreciate you looking into it! The password is now set to:

Thank_You_bangank36

Webite is www.made4helpers.com. I've placed a portfolio grid as the only page for your convenience. 

@AJZ Add to Design > Custom CSS

/* Portfolio */
#gridThumbs a.grid-item {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 3px 12px rgba(0,0,0,.1);
    padding: 30px;
    transition: all .2s linear;
}

The padding offsets my images and/or condenses them into thin bars. Is there a way to maintain their current proportions, but just have the corners round on hover? 

On 5/12/2023 at 9:12 PM, MMc1234 said:

The padding offsets my images and/or condenses them into thin bars. Is there a way to maintain their current proportions, but just have the corners round on hover? 

What is site url?