PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Bigger CheckBox

  1. Let's say I give a checkbox the name: testbig - what css would need to be added to my theme's css file in order to make the checkbox appear larger? (say like 30px x 30px or something)...

    Thanks much in advanced.

    Posted 13 years ago on Sunday July 31, 2011 | Permalink
  2. You can try this.. it works in the couple of browsers I've tested, but I'm not sure that it works in all of them. Styling checkbox and radio controls is limited in some of the browsers.

    [css]
    body .gform_wrapper ul.gform_fields li.gfield.testbig .ginput_container ul.gfield_checkbox li input {
        width: 30px!important;
        height: 30px!important;
    }

    screenshot: http://bit.ly/pzgEXA

    That snippet assumes that you have added the custom CSS class name "testbig" to your field in the form builder.

    Posted 13 years ago on Sunday July 31, 2011 | Permalink
  3. That seemed to work fine in mobile safari, not so much in chrome though. I think I can make due with that, though. Thanks much!

    I've been having some issues through css being able to align the boxes properly as what I am trying to do is have a list of check marks, and if certain checkmarks are checked off there are text boxes and dropdowns with conditional logic. Have the dropdown and textbox end up right beside the choice label that was checked off.

    Chances are I'm overthinking it since I've been at this for far too long, haha.

    Posted 13 years ago on Sunday July 31, 2011 | Permalink

This topic has been resolved and has been closed to new replies.