Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Custom Checkboxes, WordPress, SCSS and contact form 7

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #41471
    revolutiong
    Participant

    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.

    #118231
    Andy Howells
    Participant

    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.

    #118311
    revolutiong
    Participant

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

    #245893
    bposso
    Participant

    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)
  • The forum ‘CSS’ is closed to new topics and replies.