Gravity Forms - Field not inline with label - Support | Kriesi.at

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
February 2, 2018 at 12:09 pm #906812

notsirhc
Participant

Hello,

My forms filed didn’t inline with the label, while the field size is small.
1. https://www.screencast.com/t/b3FM3ByTIGqE
2. https://www.screencast.com/t/Rjizy5AaprL

How to make it inline?

Thank you.

February 3, 2018 at 10:36 pm #907291

notsirhc
Participant

help me, please

February 3, 2018 at 11:34 pm #907311

Basilis
Inactive Moderator

Hi,

I am afraid you’ll need to contact the plugin author for more info about the issue. Making third-party plugins compatible with the theme is unfortunately beyond the support scope we offer. Sorry for that!

Best regards,
Basilis

February 4, 2018 at 4:39 am #907352
notsirhc
Participant
Hi,

Reply from plugin author:

I would recommend you to test the form using the preview button in the form editor or by switching to a default WP theme (e.g. Twenty Seventeen), if using any of these methods the form looks ok, you will want to contact with your theme developer to get assistance to avoid your theme creating the conflict with its custom styling and prevent doing it again in a future theme update.

I’ve tried with default WP, and no problem found with the forms.
- This reply was modified 6 years, 9 months ago by notsirhc.
February 4, 2018 at 11:33 am #907452
Victoria
Inactive Moderator
Hi notsirhc,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
.ginput_container.ginput_container_text, 
.ginput_container.ginput_container_number,
.ginput_container.ginput_container_phone {
  width: 70%;
  float: right;
}
```
If you need further assistance please let us know.

Best regards,
Victoria
February 5, 2018 at 3:54 am #907650
notsirhc
Participant
Hi Victoria,

Thank you very much for your help, it’s worked.
And I’ve modified a few.
```
.ginput_container.ginput_container_text,
.ginput_container.ginput_container_select,
.ginput_container.ginput_container_number,
.ginput_container.ginput_container_phone {
width: 71%;
float: right;
}
```
But there is still a problem,
1. There is no space between field, such as ‘member phone’, ‘member of IESA’, and captcha
  https://www.screencast.com/t/pnjLvG14
2. There is a box under captcha form. After verify, the box filled with weird text
  https://www.screencast.com/t/642rePD4T
Thank you.
February 5, 2018 at 6:01 am #907728
Nikko
Inactive Moderator
Hi,

Try adding this css code:
```
.gform_wrapper form li, 
.gform_wrapper li {
    float: left;
    width: 100%;
}

#top #g-recaptcha-response {
    display: none !important;
}
```
Hope this helps.

Best regards,
Nikko
February 5, 2018 at 6:26 am #907747

notsirhc
Participant

Hi Nikko,

Awesome!

Thank you very much, Victoria and Nikko :)

February 5, 2018 at 6:29 am #907752

Nikko
Inactive Moderator

Hi,

Glad we could help! Let us know if you need further assistance or if we can close this thread :)

Best regards,
Nikko
Author

Posts

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

Gravity Forms – Field not inline with label