breitspr
Member
Hi,
I have trouble aligning checkboxes left, they have a huge padding from the left border.
Also Field Labels break into a new line after 20 letters or something.
Example hier:
http://konmed.info/2012/01/17/gesundheitsforum-am-7-februar-mit-heiner-brand/
Any suggestions? (I provide login data on request)
Regards
Richard Vav
Administrator
Without having a look I think it is probably due to a style in your themes style.css file overriding the gravity styling which you should be able to solve by adding another bit of css targeting the checkboxes and setting either the padding-left or margin-left to 0
The following page of the documentation is a good place to look for how to target different gravity elements with css
http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples
breitspr
Member
Please have a look by using konmed as username and password
I tried
[css]
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox {
padding-left: 0px;
margin-left: 0px;
}and
[css]
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox li {
padding-left: 0px;
margin-left: 0px;
}in custom.css but both did nothing
Richard Vav
Administrator
Ok delete those other css rules from the above post. So using chrome's developer panel I have found the problem in your themes style.css in the section beginning with /* 7.2 Gravity forms */ the 8th css rule down looks like this
[css]
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio {
margin-left: 120px !important;
}If you copy the following style into your custom.css (notice how I have changed that 120px to 0) the check box should align itself along the left side of your page like the other fields on your form.
[css]
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio {
margin-left: 0 !important;
}
Richard Vav
Administrator
Good to hear!