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.

Sub-label spacing

  1. cnymike
    Member

    I'm not quite certain how to reduce the space between the field and the sub-label. I'l like to tighten it up a lot so that there is only maybe a 5px space.

    http://www.michaelerb.net/availability/event-information-form

    I do realize I just need to target the sub-label field and append the CSS to my theme but I'm not sure what field to target.

    thanks in advance for pointing me in the right direction.

    Posted 13 years ago on Saturday July 2, 2011 | Permalink
  2. The problem isn't with the sub-label, but a property applied to the inputs and it originates from your theme styles. Line 610 of your theme's style.css file sets a 24px bottom margin on all inputs in the "entry-content" div.

    [css]
    .entry-content input {
        margin: 0 0 24px;
    }

    You can override that with a more specific rule - added to the end of your theme stylesheet

    [css]
    body .entry-content .gform_wrapper input {
        margin-bottom:0;
    }

    test screenshot: http://bit.ly/m4m7M0

    Posted 13 years ago on Saturday July 2, 2011 | Permalink
  3. cnymike
    Member

    Thank you Kevin. I've not quite yet been able to open my brain enough to get a grip with CSS subtleties. Thanks for the code that solves my problem.

    Posted 13 years ago on Sunday July 3, 2011 | Permalink