Docs

[cranko]

Hi, I’ve read some other similar question thread and followed the Custom CSS Code given but unfortunately it is still a no go.

Would you be so kind to give me the right code to make my Gform looks like this?

Thank you in advance,
Faiz Fauzi

[Rahul]

Hey There,
Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:
– Link to your site
– WordPress Admin username / password
Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.
Thanks.

[cranko]

This reply has been marked as private.

[Jade]

Hi there,

Please add this code in the customizer:

#gform_1 input[type="text"] {
    border-radius: 0;
}

#gform_1 .gform_body { 
    float: left;
    width: 90%;
}

#gform_1 .gform_footer {
    float: right;
    width: 10%;
    clear: none;
}

#gform_1 .gfield {
    padding: 0;
}

#gform_1 .gform_footer input {
    margin-right: 0;
    border-radius: 0;
    margin-top: 26px;
    padding-bottom: 11px;
    width: 100%;
}

#gform_1 label {
    text-align: center;
    display: block;
    width: 120%;
}

Hope this helps.

[cranko]

Hi Jade,

Thanks for the code, It is aligned now but the form is too wide, how do I adjust it to become narrower?

Thanks,
Faiz

[Jade]

Hi Faiz,

I tried to check your page and the form seems to be removed on the page now.

In case you’re trying to make changes while I was checking it, kindly try to add a left and right padding of the section that contains the form. You can do the adjustment in the Cornerstone panel.

Hope this helps.

[cranko]

Hi Jade,

Thanks for your suggestions, I played around with the paddings and change some integer of the given code. It is now perfectly aligned and proportioned.

Thanks again for your support, you have a nice day ahead.

Cheers,
Faiz

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Author]

Posts