Forums

Get help. Give help. A Web Design and Development Community.

Custom Checkboxes, WordPress, SCSS and contact form 7

  • # December 20, 2012 at 1:56 am

    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.

    # December 20, 2012 at 5:01 am

    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.

    # December 20, 2012 at 4:31 pm

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

    # September 25, 2016 at 5:43 am

    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.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

We have a pretty good* newsletter.