HI,
I must be inheriting something form the theme CSS and after 2 hours I'm stumped. I would prefer left-aligned labels and have it selected in Form settings.
Example:
http://sheehan.attorneydev.com/contact/
Unfortunately the labels are forced to be on separate lines. Any idea why the theme seems to be conflicting and now allowing the left aligned labels?
Thanks,
Nancy
Please make sure you have the "Output CSS" checked in the Gravity Forms settings. I don't see the default Gravity Forms styles being output. That is one thing.
Looks like your theme provider has added some Gravity Form specific styles. See lines 726-763 of style.css:
[css]
#gform_submit_button_1 {
color:#ffffff !important;
background:#aaa !important;
height:auto;
-webkit-border-radius: 4px;
border-radius: 4px;
text-align:center;
text-decoration;none;
min-width: 90px;
}
.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: -20px!Important;
overflow: hidden;
}
.gform_wrapper .left_label .gfield_label
.gform_footer.left_label {
padding: 16px 0 10px 0!Important;
}
.gfield_label {
}
.right_label {
}
.gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio {
margin: 6px 0;
padding: 0.5em;
}
.gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium {
width: 100%!Important;
}
.gform_body {
font-family: "pt-sans-narrow",sans-serif;
font-style: normal;
font-weight: 400;
}
#widgets form div {
margin-bottom: 0!Important;
}You can remove the label-related styles and then the settings from Gravity Forms form builder will be honored.
HI Chris,
That is the custom CSS I put in for stylings. Even with that removed and Output turned back on - it still does not bring the input fields up besides the labels.
I need the stylings regardless. Either the input field or the label field is not allowing the fields in-line. I had noticed this issue with other themes such as Twenty-ten.
Thanks,
Nancy
Can you make sure you have left labels selected in the admin, turn on the CSS output and remove this custom CSS (for the labels.) Then we can take a look at it.
Or, activate the Twenty Ten theme with Gravity Forms CSS output turned on, so we can take a look at it.
Thank you for the update.