Round off images

Solved
Luburic
Excursionist
30 3 3

Hello there 

My Name is Marko and I need Your Help!!!

 

I tried to change round off all images but it only round offs 

the images i see when i click on the Product.

Luburic_0-1698767785147.png

But all other images are sill the same.

Luburic_1-1698767823139.png

Luburic_2-1698767890619.png


I would really appreciate if someone can help me out with that
Friendly regardes 
Marko

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
4121 945 1151

This is an accepted solution.

Hi @Luburic 

Try this one. 

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  • Find the theme that you want to edit and click on "Actions" and then "Edit code".
  • In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

main#MainContent img, .card--extend-height.card--standard.card--text .card__inner, .card--extend-height.card--media .card__inner, .collage-card.product-card-wrapper, .card--card, .card--standard .card__inner {
    border-radius: 22px !important;
}

 

  • And Ssave. 
  • Result:
  • Made4uoRibe_0-1698770310174.pngMade4uoRibe_1-1698770360062.png

     

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


View solution in original post

Replies 6 (6)
Asad24
Shopify Partner
180 35 31

What's your store url ?

banned
Made4uo-Ribe
Shopify Partner
4121 945 1151

This is an accepted solution.

Hi @Luburic 

Try this one. 

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  • Find the theme that you want to edit and click on "Actions" and then "Edit code".
  • In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

main#MainContent img, .card--extend-height.card--standard.card--text .card__inner, .card--extend-height.card--media .card__inner, .collage-card.product-card-wrapper, .card--card, .card--standard .card__inner {
    border-radius: 22px !important;
}

 

  • And Ssave. 
  • Result:
  • Made4uoRibe_0-1698770310174.pngMade4uoRibe_1-1698770360062.png

     

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Luburic
Excursionist
30 3 3

Man i love you.

CHASN
Tourist
5 0 1

It helps!! But... the images are all rounded but have a little black line in a square around the rounded picture.... 

Made4uo-Ribe
Shopify Partner
4121 945 1151

Hi @CHASN 

Would you mind to share your store URL so we can remove the border? That code I provide is only for the store who post. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


LittleG
Visitor
1 0 0

Hello friend, 

would you be willing to help me with the same problem as @CHASN? I would love to have the outlined corners on the images removed, but I am not much of a programmer myself.