Grow your CSS skills. Land your dream job.

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.

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".