PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Increase the label width

Gravity Support Forums » Plugin Support » Gravity Forms

  1. pandemicsoul
    Member

    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;
}
    Copy

    Page: http://www.starbase118.net/members/personnel/forms/request-to-return/

    Posted 11 years ago on Saturday June 1, 2013 | Permalink

  2. 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;
}
    Copy

    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;
}
    Copy

    Regards,
    Richard

    Posted 11 years ago on Sunday June 2, 2013 | Permalink