How to remove the grey live around a transparent image?

Solved

How to remove the grey live around a transparent image?

HT23
Tourist
14 0 3

Hello, I would like to remove this grey line around my transparent image.

 

HT23_0-1737302414339.png

https://quatreausoir.fr/pages/flash

 

I tried this code but it didn't work

 

.section-template--23166564008201__image_with_text_4X8CjR-padding .rte img {
border: none;
}

 

Can somebody help me please ?

Accepted Solution (1)

EstherBui
Excursionist
276 39 42

This is an accepted solution.

Hi HT23


- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

 

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

 

Result: 

EstherBui_0-1737302806427.png

 

Best,
Esther

 

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

View solution in original post

Replies 4 (4)

EstherBui
Excursionist
276 39 42

This is an accepted solution.

Hi HT23


- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

 

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

 

Result: 

EstherBui_0-1737302806427.png

 

Best,
Esther

 

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

HT23
Tourist
14 0 3

It worked ! Thank you !! 

CodingFifty
Shopify Partner
616 98 118

Hi @HT23,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css file Add the provided code at the end of the file.

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

CodingFifty_0-1737303052746.png

 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

kazi
Shopify Partner
716 100 126

@HT23 

                    Add this CSS bottom of base.css

 

.section-template--23166564008201__image_with_text_4X8CjR-padding .image-with-text__media {
border: none;
}

▶️ If you need more help with your Shopify store
Speed Optimization | Theme Customization ? ☎️ WhatsApp ✉️Email Skype: kof.bd