Not sure what I'm doing wrong here. I want to increase the size of the label width and then add some top-margin to the fields.
I added the following to my custom.css file, but I don't seem to be getting any changes:
.gfield_label {
width: 255px;
margin: 10px 0px 4px !important;
}Page: http://www.starbase118.net/members/personnel/forms/request-to-return/
Richard Vav
Administrator
I can't find that CSS in your stylesheet but it appears you have added the following to your theme's style.css file which is floating your labels left.
.gform_wrapper .top_label .gfield_label {
display: block;
float: left;
padding-right: 20px;
width: 100px;
margin: 5px 0px 4px !important;
}This is the hard way to go about this, delete that rule then go to your form settings and change the label placement to 'left aligned', that will automatically put your labels to the left of your fields and make the label wider. You can then add the following to your stylesheet to increase the bottom margin if required.
.gform_wrapper .gfield {
margin-bottom: 30px !important;
}Regards,
Richard