Hey! The Checkout check-box for a customer to accept email marketing isn’t working on my store. I recently updated to Dawn theme hoping this would fix the issue but it hasn’t (it also wasn’t working before I updated to dawn, and I don’t know why).
In short, the tick mark within the checkbox doesn’t appear when it is clicked. I’m no code expert, but I played with the CSS and if I added “appearance: auto;” to the “.input-checkbox” within Chrome’s inspect feature, the checkbox appears when clicked. However, when I try to add this CSS to my Shopify code, no changes take affect. The thing is I’ve tested my checkout and even if I don’t click the checkbox, I can see in my own customer profile that I have “accepted marketing” - so it is opting people in without them consenting. My store is https://rememberthedrive.com.
I hope someone can help with this, we all know how important marketing consent is!
Thanks
Michael
rememberthedrive.com
The issue is that the checkbox for some reason has its background color set to white, so if you check the box, it is actually checked, but since the checkmark is white, it’s invisible.
The setting for the white background color is var(–x-color-surface-tertiary). I’m not sure where this is coming from, but since this concerns the checkout, I would assume it’s coming from Shopify, unless your store is on Shopify Plus and you’re using your own checkout.liquid and/or checkout.css.
If you’re not on Plus, I would recommend contacting Shopify Support because I don’t think you can solve this with the styling options the customizer offers, as there’s not way to explicitly set the background color for checkboxes, at least not as far as I know. I can only assume this is some kind of bug with your checkout settings, but if you’re on standard Shopify plans, it’s one only Shopify can fix.
Hi Thomas, thank you so much for taking a look at that. I appreciate it. I’m not sure how that code affecting the background colour came into existence, but I’ll ask Shopify support for help with it. Do you think simply testing removing that code from my liquid file could fix it in the meantime?
Again, I appreciate your help! Michael
The CSS for the checkout isn’t in the theme, it’s being generated directly by Shopify, so that code in your theme shouldn’t have any impact on the checkout styling whatsoever.