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

Store Design
,
1

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.

Screenshot 2025-05-29 at 13.38.50.png
Screenshot 2025-05-29 at 13.38.50.png2034×1236 677 KB

2

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

3

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

4

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

websensepro_0-1748523122389.png
websensepro_0-1748523122389.png1333×555 881 KB

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

5

Hi, this doesn’t work for me unfortunately.

6

Try this code

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

1 Like
7

@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;}
8

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?

9

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

2 Likes
10

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

1 Like
11

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