How can I round corners on multi-column images, gifs, and videos?

Store Design
,
1

Hi there!

Is anyone able to help me, I am wanting to round the corners of the images/gifs/videos on this multi-column.

Thanks! :slightly_smiling_face:

Screenshot 2024-01-08 at 9.54.40 pm.png
Screenshot 2024-01-08 at 9.54.40 pm.png2218×1764 383 KB

2 Likes
2

Hey @Sweatly

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

Hello @Sweatly ,

I understand you are looking to change the corners to rounded form of images/gif mentioned in the attached screenshot.

Please take a look and apply the below mentioned code to make the desired change.

Steps -:

  1. Go to Online store → Themes → Click on Three dots(Action) → Edit code

  2. Now, Search for the theme.liquid file and open it.

  3. Next, add the below mentioned code at the bottom of the file before tag.
  1. Save Changes

After applying the code, output will be like this → https://prnt.sc/gnTbU5dWa5DP

I hope the solution helps you.

Please let me know if you have any query.

Thank you.

4

Hello @Sweatly
can you share store URL ?

5

Hi @Sweatly

Would you mind to share your Store URL website? with password if its unpublish. Thanks!