Hi,
My checkbox 1st choice is aligned to the right and the following choices are aligned correctly to the left. I've tried this CSS to fix it but unfortunately it doesn't.
'.gform_wrapper input li.gchoice_107_1 {width:auto!important}
.gform_wrapper label li.gchoice_107_1 {float:none!important}'
The form is here
Any help is much appreciated,
Steve G
the left margin on the list containing the checkboxes is being cancelled out by your theme CSS. Try appending this to the end of your theme's style.css file.
.gform_wrapper .left_label ul.gfield_checkbox, .gform_wrapper .right_label ul.gfield_checkbox, .gform_wrapper .left_label ul.gfield_radio, .gform_wrapper .right_label ul.gfield_radio {margin-left:32% !important;}
Steve, I looked at your CSS and it looks like you missed the "." at the very beginning of the rule. Try adding that in and see if it works.
Oh, and congrats on the success with the client. It's nice when they defer to your expertise.
Ooops - missed my period :-)
It works but in the opposite way I intended! I want to bring the 1st choice in left alignment to the remaining choices. The opposite has happened. The remaining choices have been brought into alignment with the first choice.
Shouldn't you be out grilling on this Labor Day weekend?
Many thanks
Steve G
Well, it's working properly for the "left aligned" label format. If you chose the "top label" option the list would justify all the way to the left. If you want to justify the checkboxes and radio buttons all the way to the left, but keep the rest with the left label format, just let me know and I'll help you with it.
I did get some play time in last week - visited family & friends in Dallas so I'm catching up here this weekend. I'm sure I'll find time to grill something though.
Hi Kevin
That's exactly what I want to do but just for the checkboxes and not the radio buttons. If push comes to shove I can replace the radio buttons with a dropdown. However it's frustrating not being able to style the text in the dropdown fields - that's why I used radio buttons.
Can we do it by applying CSS classes to each field in the same manner you helped me previously with the file uploads?
Bottom line is I don't want to make this a major project for you when you should be kicking back on this holiday weekend!
Many thanks
Steve G
You can replace the last rule with this one if you want to remove the left margin on the lists.
.gform_wrapper .left_label ul.gfield_checkbox, .gform_wrapper .right_label ul.gfield_checkbox, .gform_wrapper .left_label ul.gfield_radio, .gform_wrapper .right_label ul.gfield_radio {margin-left:0 !important; clear:both}
okay, this should just remove the margin on the checkboxes. No worries, just took a couple of minutes. Thanks.
.gform_wrapper .left_label ul.gfield_checkbox, .gform_wrapper .right_label ul.gfield_checkbox {margin-left:0 !important; clear:both}
this explains it pretty well. I could rehash, but they've got it all laid out nicely.
