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.

Form CSS not displaying label placements correctly

Gravity Support Forums » Plugin Support » Gravity Forms

  1. lumigrow
    Member

    My forms aren't showing up correctly on my site. The 'top-aligned' label placement isn't displaying as it should.
    I also cannot figure out how to move the required label asteriks to the right of the words.

    http://www.lumigrow.com/support/support-request/

    Posted 12 years ago on Thursday December 22, 2011 | Permalink

  2. Rob Harrell
    Member

    Hey there, it looks like your theme is making some generic CSS calls. For example in your style.css you have:

    [css]
label {
margin-top: 5px;
padding-right: 15px;
float: left;
width: 150px;
}
form li span {
color: #444;
float: left;
margin: 0 4px 0 0;
padding: 0 0 14px;
}

    We need to remove the floats. Try placing this into your theme's stylesheet, this will affect only Gravity Forms so you can retain the above styles if they are in use elsewhere.

    [css]
.gform_wrapper .top_label .gfield_label {
float: none !important;
}
.gform_wrapper .gfield_required {
float: none !important;
}
    Posted 12 years ago on Thursday December 22, 2011 | Permalink

  3. lumigrow
    Member

    Thank you! Case resolved.

    Posted 12 years ago on Thursday December 22, 2011 | Permalink

  4. Rob Harrell
    Member

    Great, thanks for letting us know!

    Posted 12 years ago on Thursday December 22, 2011 | Permalink

This topic has been resolved and has been closed to new replies.