How to remove the white square behind the price in the checkout page? I need it to be same like the background colour
Can you provide a link to your store (and the storefront password if you have one enabled)?
Your theme has some custom coding for the element that’s showing the background as white:
This needs to be changed to:
.focus-none span {
background: none !important;
}
Okay will try that later on when im on laptop . Next question if you dont mind , how to remove white bar in that middle part ?
I’m not too sure … it doesn’t show for me when I view your site:
I would recommend looking at the ‘colours’ settings within your theme editor, and trying to find if anything has white as the background colour, and then changing it to the yellow/orange background that the rest of your site is using.
Looks like you are in safari. I will test this later to see if it shows up on my Mac. For your price instead of adding a background none, you may want to just remove the style (delete it). The default should be no background, so by removing it it should prevent any unnecessary css code from loading. As far as the way your screen looks from the image provided it looks like that element needs a height of 100%. It looks more like the lack of the element taking up space creating a white space opposed to another element taking up that space. I would be able to confirm once I use the same device on the same browser. I imagine this is why other people may not be able to see this as different browsers have different ways of displaying data. Some things do not translate over correctly from browser to browser.
1 Like
Alright . How about this one . Whenever i try to add to cart , the add to cart page never pop up and there’s no quantity shows on the top of the shopping bag logo ?
but sometimes it does pop up and shows in the shopping bag logo ? Why is that ?
you can try to add the product to the cart and see what I meant
Hi @Belinistore,
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
Hi any update on this ? Because the white space still appear .