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

  1. 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/

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

    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

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