Docs

[RinardMedia]

http://www.gracedanceacademy.net/class-registration

I am trying to use gf_left_half and gf_right_half. I have tried a lot of the recent code here on the forums and it has not worked to align up correctly..

Thanks for your help!

[Rad]

Hi there,

Thanks for writing in.

The Recent update from GF changes the structure of the form. Adding that class simply adds it to the field instead of the layout where columns are usually applied.

Either downgrade your GF or apply custom CSS. The question is, how do you like your fields to be displayed?

Thanks!

[RinardMedia]

Hi Rad,

I am trying to utilize the 2 columns with gf_left_half and gf_right_half.

Thanks.

[Paul R]

Hi,

To fix it, you can add this under Custom > CSS in the Customizer.

body .gform_wrapper .top_label li.gfield.gf_left_half {
    display:block;
    clear:none;
    float:left;
}

body .gform_wrapper .top_label li.gfield.gf_right_half {
    display:block;
    clear:none;
    float:right;
}

Hope that helps.

[RinardMedia]

Unfortunately that did not work.

I am running GF 2.0.3.

Thanks!

[Christopher]

Hi there,

Close curly bracket for following media query rule :

@media (max-width: 979px){
body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 0px;
}

And please update your code to :

body .gform_wrapper .top_label li.gfield.gf_right_half {
    display: block;
    clear: none !important;
    float: right;
}

Hope it helps.

[RinardMedia]

This reply has been marked as private.

[Christopher]

Hi there,

I was able to fix this by closing curly bracket at the end of media query rule.
The correct format is :

@media (max-width: 979px){
body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 0px;
}
}

Thanks.

[RinardMedia]

Thank you!

[Joao]

Glad to hear it

Let us know if we can help you with anything else.

Joao

[Author]

Posts