A user encountered a persistent black line (class “media__line”) appearing over all product images on their store. The line was located within the “product-images-container” element but couldn’t be directly accessed for removal.
Solution provided:
.media__line {
display: none !important;
}
The solution successfully resolved the issue. The discussion is closed/resolved.
Hello community. I’ve been having an issue finding out how to remove a black line called “media__line” present over every single product image. I’ve also noticed you can’t access “product-images-container” which seems to be where the line is located.
If someone could let me know how to remove this line it would be greatly appreciated
For an example, the black line is above the product name on this website:
https://imagostructures.com/collections/kamook/products/kamook-16-pieds
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file general.css
Step 3: Paste the below code at bottom of the file → Save
.media__line {
display: none !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Worked like magic, thank you!
You are welcome @ImagoStructures