Shopify themes, liquid, logos, and UX
Hello, I would like to remove this grey line around my transparent image.
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 ?
Solved! Go to the solution
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:
Best,
Esther
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:
Best,
Esther
It worked ! Thank you !!
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;
}
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025