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.

Place radiobutton input labels on top of buttons

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Brightgreen
    Member

    Hi,

    i want to have the choices labels of my radiobuttons on top or below of the actual buttons so that the button is centered right underneath/on top of the label. I tried to target the input class, but it didn't work:

    .gfield_radio li label {float:none;!important margin-bottom:10px;!important}

    here is the link to my page: http://brightgreen.net.au/w4wr/

    as you can see, what i want is: a connecting line between all the rating-questions (awful-average-awesome) with the labels above or underneath.

    Posted 12 years ago on Tuesday November 29, 2011 | Permalink

  2. Rob Harrell
    Member

    Try this out in your theme's style sheet:

    [css]

.gform_wrapper .gfield_checkbox li input[type="checkbox"], .gform_wrapper .gfield_radio li input[type="radio"], .gform_wrapper .gfield_checkbox li input {
float: none !important;
}
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
margin: 0 !important;
}
    Posted 12 years ago on Tuesday November 29, 2011 | Permalink

  3. Brightgreen
    Member

    Awesome. Thanks, Rob!

    Posted 12 years ago on Tuesday November 29, 2011 | Permalink

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