How to remove the border from an image in the "Image with Text" section

[CreatorTim]

Hey guys, I created my own image design in Canva, but when I added it to the "Image with Text" section, there’s this subtle border around the image. On some devices, it’s very noticeable, especially if you have an image with a white background at the top.

 

How can I remove this border from all "Image with Text" sections? I need it to work for both desktop and mobile.

Here’s my store URL: https://1049xn-ya.myshopify.com/

Thanks,
Tim

[Made4uo-Ribe · Accepted solution]

Hi @CreatorTim 

Try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. 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:

.image-with-text__media-item .global-media-settings {
    border: none !important;
}

• And Save.
• Result:
• 

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[CreatorTim]

Thank you!

[DaisyVo]

Hi @CreatorTim 

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Here is the code for Step 3:

.image-with-text__media img, .image-with-text__media {
    border: none !important;
    box-shadow: none !important;
}

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[Dan-From-Ryviu]

Hi @CreatorTim 

Please go to your store admin > Sales Channels > Online Store > Themes > Customize > Theme settings > Custom CSS, add this code 

.image-with-text__media { border: unset !important; }