Community forum for knowledge and support

Updated last month

Styling Checkbox on Webflow Checkout Page

At a glance

Hey all. Hoping someone smarter than myself can help with a minor issue but causing a major headache in webflow.

On the checkout page of a site I'm building there is a checkbox for 'billing address same as shipping' I can see it in the designer but, firstly I can't see the 'checked' state option to style it and Secondly, I can't get it to show on the live site - nothing happens when it's clicked.

I've spent an ungodly amount of time trying to fix it and thought it time to ask for help

Appreciate any assistance.
Greg

Read Only Link
https://preview.webflow.com/preview/nad-plus-online-6391706fdd5fc7c1ecf8e10?utm_medium=preview_link&utm_source=designer&utm_content=nad-plus-online-6391706fdd5fc7c1ecf8e10&preview=c5ceaf63dde32f01b5cdc276d0ea3e2c&pageId=67d2ee41e1740f0d5d49fc36&locale=en&workflow=preview

Attachments
IMG_0517.jpg
IMG_0518.jpg
M
G
M
5 comments

@Greg would you mind sending the published URL (webflow.io) - need to inspect the CSS directly.

@Greg can you check in your custom code section within the site settings for this CSS

* {
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 -o-font-smoothing: antialiased;
 -webkit-appearance:none;
}
Specifically - delete the -webkit-appearance: none; and everything should work as expected.

Matt. You legend πŸ™Œ

Many thanks for digging in. Much appreciated.

Add a reply
Sign up and join the conversation on Slack