Custom Checkboxes, WordPress, SCSS and contact form 7

[revolutiong]

What could go wrong right. Made a custom checkbox using some previously used mixins. Works fine on (http://codepen.io/rgfx/pen/Lbshl “Code Pen”)

But not on my wordpress site [Temp](http://cosmedicaltravel.com/temp/?page_id=89 “WordPress”)

I deleted everything from my scss directory but that code and still get issues.

Additionally, Contact form 7 uses one shortcode for placing both the value and label text. So is possible to hide the label and keep the rotated L creating the check mark. Is there a work around?[My form](http://cosmedicaltravel.com/temp/?page_id=52 “My form”)

I wanted my clients to have some degree of control over creating their forms. Should I just takeover that aspect of the site, any other solutions?

Thanks homies. [Code Pen](http://codepen.io/rgfx/pen/Lbshl “Code Pen”)

But not on my wordpress site [Temp](http://cosmedicaltravel.com/temp/?page_id=89 “WordPress”)

I deleted everything from my scss directory but that code and still get issues.

Additionally, Contact form 7 uses one shortcode for placing both the value and label text. So is possible to hide the label and keep the rotated L creating the check mark. Is there a work around?[My form](http://cosmedicaltravel.com/temp/?page_id=52 “My form”)

I wanted my clients to have some degree of control over creating their forms. Should I just takeover that aspect of the site, any other solutions?

Thanks homies.

[Andy Howells]

Are you adding the class of “roundedTwo” to the checkboxes that are being loaded by ContactForm 7?

Edit: I just looked at the site, check boxes are looking as you have them in the Codepen.

[revolutiong]

Not sure what browser your using but on chrome and dolphin on mobile the check mark is small miss-aligned and does deselect.

[bposso]

Hey did you ever figure this out? I have similar issues with trying to use this CSS type (https://codepen.io/bposso/pen/amJjLW) with the “roundedone” for the checkbox.

[Author]

Posts