[randlsennParticipant]

I would like for the form to stretch across the whole column, but it only goes 50%. How can i change this?

I currently have the settings CSS class name as “gf_simple_horizontal” and have three fields.

Screen shot attached.

[Prasant RaiModerator]

Hello There,

Thanks for writing in!

Could you please provide us with your website URL so we can take a closer look?

Thanks.

[randlsennParticipant]

http://relevatehealth.staging.wpengine.com

[ChristianModerator]

Sorry but would you mind giving us WordPress admin credentials also?

Thanks.

[randlsennParticipant]

This reply has been marked as private.

[JadeModerator]

Hi there,

Please add this code in the customizer:

@media only screen and (min-width: 641px) {
    .gform_wrapper form.gf_simple_horizontal div.gform_body {
        width: 90%;
        max-width: 100%;
    }
}

Hope this helps.

[randlsennParticipant]

thanks, i have added but it doesn’t appear to have changed anything.

[JadeModerator]

Hi there,

Please update the code to:

@media only screen and (min-width: 641px) {
    .gform_wrapper form.gf_simple_horizontal div.gform_body {
        width: 90%;
        max-width: 100%;
    }

    .gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield:nth-child(1):nth-last-child(3), .gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield:nth-child(2):nth-last-child(2), .gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield:nth-child(3):nth-last-child(1) {
            width: 33.3333% !important;
    }
}

Hope this helps.

[randlsennParticipant]

thank you – it works

[Prasant RaiModerator]

You are most welcome.

[Author]

Posts