I actually think there are a couple of ways to achieve this.
The easiest would be to set the opacity of the input to 0 via css (this rule will change every checkbox on the page):
input[type="checkbox"] {
opacity: 0 !important;
}
Then you could wrap each one in an align to parent group and add a custom shape that conditionally changes colour based on the checkbox’s state. This would give you a fully customisable checkbox.
Another option would be to simply scale up the checkbox with a very similar css rule :
Thanks for this thoughtful response! I am brand new to no-code. Where do I enter the CSS code you graciously wrote out? When I click on the checkbox I only see “Label” screen shot attached. Thanks!
If you click on the actual page in the element tree, there’s a section called “html header” on the modal that pops up, in which you can enter custom code.
Bear in mind that everything I wrote will need to be wrapped in style tags: