How to change corner radius on the images on Robin Pro Gallery?

[atmos-art]

Hi,

I would like to change all of the corners to 6.4px border radius but not sure how to achieve this.

URL: www.atmos.art 

I tried adding this into the css section for this app but it didn’t work.

.img {
border-radius: 6.4px
}

Please advise.

[suyash1]

@atmos-art Can you please share this page link?

[atmos-art]

Hi, I forgot to include it in the post. Here you go URL: www.atmos.art 

[suyash1]

@atmos-art please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

.robin-pro-image-gallery a.robin-pro-thumbnail-link img {border-radius: 20px !important;}

[atmos-art]

Hi this semi-works. It changes the border radius of the corners but the hover overlay still has a 0px radius. Do you know how to make this the same?

[suyash1]

@atmos-art - I think other code has helped you to solve this issue

[atmos-art]

That’s right. Thank you so much for helping though! I appreciate it.

[websensepro]

Hi @atmos-art 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.robin-pro-image-gallery  {
    border-radius: 15px !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

[atmos-art]

Hi, this doesn’t work for me unfortunately.

[websensepro · Accepted solution]

Try this code 

<style>
.robin-pro-image-gallery * {
    border-radius: 15px !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

[atmos-art]

Hi, that worked great and solved the overlay issue I was having with the other code provided. Thank you!