How to Round corners in Product description images

Store Design
,
1

Hi! is it possible to round of the corners of the shopify product description images. The ones that you add when you are writing the product description, not the main images.

1 Like
2

Hey @LuddeP3
Kindly share your Store URL and Password if enabled

3

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

4

store name is migranhuvan.se , there is no password. Also now my variant capsules are messed up, i dont know if i changed something in the code, i would like them to be filled with colours if you know what i mean

1 Like
5

store name is migranhuvan.se , there is no password. Also now my variant capsules are messed up, i dont know if i changed something in the code, i would like them to be filled with colours if you know what i mean

6

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and remove this code the file:
.product__media img {
border-radius: 5px !important;
}/*
  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
.product__media img {
border-radius: 50px!important;
}
7

I cant find theme.css under assets, only theme-editor.js

1 Like
8

Hey @LuddeP3

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

Moeed_0-1690283789492.png
Moeed_0-1690283789492.png1380×881 193 KB

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

Best Regards,
Moeed

9

@LuddeP3
Hello, Add This CSS Code Go To Online Store >Select Theme > Edit Theme > Assets > theme.css

.product__media img {
	border-radius: 50px !important;
}

Note: border-radius manage as per your requirement

Like This

oscprofessional_0-1690284077107.png
oscprofessional_0-1690284077107.png1396×887 278 KB

10

Hello @LuddeP3

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and remove this code the file:
11

Is it possible to make these images round aswell:

Skärmbild 2023-07-25 132743.png
Skärmbild 2023-07-25 132743.png529×623 111 KB

12

Hello @LuddeP3

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.product__description img {
    border-radius: 35px !important;
}