A user is experiencing a visible horizontal seam in their main banner image despite setting opacity to 0% and using a transparent background.
Problem Details:
Proposed Solutions:
Two support teams (GemPages and PageFly) offered similar CSS-based fixes:
</head> tag (or </body> tag per PageFly)Both responses included code snippets and visual guides, though the exact CSS markup appears corrupted in the thread text. The issue remains unresolved pending the user’s implementation of the suggested code.
I could really use some help with removing the seam from my image banner, I have my opacity set to 0%, and the image in the banner has no background, so I am not sure why there is still a visible seam. I would really appriciate the help, so thank you in advance. In the image below you can notice the horizontal seam I would like to get rid of.
Website Link: https://printpals.store
Hello @PrintPals ,
It’s the GemPages Support Team and we are glad to assist you today!
I would like to give you the recommendation to support you so kindly follow the steps below:
Open your theme.liquid theme file
Paste the below code before
Let us know how it works for you.
Best regards,
GemPages Support Team
Hi @PrintPals
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag
Hope this answer helps.
Best regards,
Victor | PageFly