Undo rounded corners on 1 image

Solved

Undo rounded corners on 1 image

INFRA
Shopify Partner
187 0 67

Hi there,

 

I applied a code to have rounded corners across all images however I need it to not work on 1 particular image, see below. I used below code but this did not work. 

 

Any guidance on this is much appreciated 🙂

 

 

feature-image-template--24072017936666__ss_feature_28_ectTdN {
  border radius: 0px !important;
} 

 

 

Screenshot 2025-01-31 at 15.26.30.png

website

passw: chaos

Accepted Solution (1)

GTLOfficial
Shopify Partner
769 160 169

This is an accepted solution.

Hello @INFRA 
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> base.bundle.css
add this code at the end of the file and save.

img {
border-radius: 0rem !important;
}

result
197.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

View solution in original post

Replies 3 (3)

PritTala
Tourist
27 2 4
.feature-image-template--24072017936666__ss_feature_28_ectTdN img {
   border-radius: unset !important;
}
Worked for you? Like and accept the solution!

Prit Tala - Shopify Developer
Contact: Prittala2111@gmail.com

GTLOfficial
Shopify Partner
769 160 169

This is an accepted solution.

Hello @INFRA 
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> base.bundle.css
add this code at the end of the file and save.

img {
border-radius: 0rem !important;
}

result
197.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

LizHoang
Shopify Partner
867 100 131

Hi @INFRA 

 

You can follow this instruction:

 

1. Go to Shopify > Theme > Customize

2. Copy and paste this code on Theme settings > Custom CSS section

img {
    border-radius: 0px !important;
}

 

I hope it helps. 

 

Best regards, 

 

Liz

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program