I have these weird white boxes around the site, on the cart icon, around the checkout bit and also the contact me part ? not sure how to solve this ! hoping someone has a easy fix !
Topic summary
Shop UI elements display unwanted white boxes/circles around buttons and icons (cart icon, checkout area, contact section), illustrated via multiple screenshots. The issue affects visibility and styling of key actions.
A helper advised editing theme.liquid and pasting a code fix (exact code not visible in the thread). After applying it, some elements improved: email buttons and the checkout button now appear correctly.
Remaining issues persist primarily in the cart experience:
- White circle overlay on the cart icon when items are present.
- White box displayed when the cart is empty.
- White box under the quantity area and above the “Buy with Shop” section.
Another participant requested the store URL for deeper inspection; the OP asked how to share it privately.
Status: Partially resolved. Cart-related overlays/boxes remain, and further troubleshooting or targeted CSS/markup fixes are needed. No final solution or code snippet confirming full resolution has been posted. Screenshots are central to understanding the problem and current state.
Hi @ManiJ ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file → Save
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
1 Like
@ManiJ Can you plesae send me your store URL?
hey where can i send it to you privately ?
hey this has helped, the email buttons and checkout button now appear, however, the shopping cart when something inside it still has a white circle over it, there is still a white box over when it says cart is empty and also under quantity and above buy with shop sign it still has a white box
hey this worked for some of the things, not all are gone