Solved

CSS Code to Round Image Corners?

atmosphaera
Shopify Partner
15 0 4

How would I round the corners of this image next to my mission statement? 

i am using a 3rd party theme from etsy

 

helpwtheme.png

 

thank you in advance!

♡ atmosphaera ♡
Accepted Solution (1)
sgtlab
Shopify Partner
28 6 8

This is an accepted solution.

try this code

 

div.image-with-text__media.image-with-text__media--small.global-media-settings.media {
    border-radius: 10%;
}

 

 

Here is the result looks like:

Screen Shot 2024-05-04 at 08.13.14.png

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

SGTLab
- Press like to let us know if our reply was helpful - Thank you!
- Come visit us at SGTLab
- Support us with a coffee tip

View solution in original post

Replies 6 (6)

Jack_Khan_Baba
Shopify Partner
90 8 14

please share the url of store along with password if it is protected

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Chat on WhatsApp: +923143054166
Need a Shopify developer? Hire us at naimatullahts335@gmail.com
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
atmosphaera
Shopify Partner
15 0 4

https://atmosphaera.co

♡ atmosphaera ♡
sgtlab
Shopify Partner
28 6 8

This is an accepted solution.

try this code

 

div.image-with-text__media.image-with-text__media--small.global-media-settings.media {
    border-radius: 10%;
}

 

 

Here is the result looks like:

Screen Shot 2024-05-04 at 08.13.14.png

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

SGTLab
- Press like to let us know if our reply was helpful - Thank you!
- Come visit us at SGTLab
- Support us with a coffee tip
atmosphaera
Shopify Partner
15 0 4

thank you so much!

♡ atmosphaera ♡

PageFly-Amelia
Navigator
316 96 138

Hello @atmosphaera 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Store -> Themes -> Edit Code

Step 2: Choose file theme.liquid

Step 3: Add code above the tag </head>

 

<style>
.image-with-text__grid {
   border-radius: 50px; /* you can change the value of 50px to the value you want */
   overflow: hidden;
}
</style>

 

 

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

atmosphaera
Shopify Partner
15 0 4

this did not work, did not change the image and it made a snippet of code appear above my home screen logo

♡ atmosphaera ♡