Help Rounding Corners on Image Grid Block in Empire Theme

Shopify Discussion
1

Hello everyone!

I’ve been working on refining the appearance of my Shopify store, aiming to give it a cohesive look with rounded corners on all images. So far, I’ve had success by adding various CSS codes to specific sections or the main assets/theme.css.liquid file.

However, I’m having trouble with a particular section on my homepage that doesn’t seem to respond to any of the CSS I’ve tried. It’s a “Grid” block with three images, and no matter what I do, the corners stay sharp (please see the attached screenshot for reference).

Is there any CSS code I could add to the section-specific custom CSS to make these corners rounded?

I’m using the Empire theme, and my store’s homepage is https://www.astralwingdrones.com/.

Thank you in advance for any help!

Capture d’écran, le 2024-10-29 à 09.57.17.jpg
Capture d’écran, le 2024-10-29 à 09.57.17.jpg1440×779 150 KB

2

Hey @PD31

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1730221985660.png
Moeed_0-1730221985660.png1454×505 494 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Wow! It did work! Thank you so much for your help @Moeed :+1:

4

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

5

Sounds great! I might be reaching out soon about another topic then. Thanks