I am trying to remove the boxes around the images on my “How it works” page. I have removed the background on the images and I have concluded that this is probably a coding issue now. Here is my shop url page I am trying to edit thanks.
Topic summary
A user encountered unwanted borders around images on their “How it works” page, despite removing image backgrounds. They determined the issue was likely CSS-related rather than image-based.
Solution provided:
- Access Online Store → Edit Code → theme.liquid file
- Insert custom CSS code above the
</body>tag to remove image borders
Outcome:
The solution successfully resolved the border issue for the original poster.
Follow-up:
Another user reported experiencing the same image border problem on their website and requested similar assistance. The discussion remains open for this new case.
Hey @MrGolfer
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
Worked! Thank you so much!
Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
Hi , I am having the same issue with image borders on my website www.thaicoffeeco.co.uk any help would be greatly appreciated please