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.
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.
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.
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.