Gravity Form - 1/2 field stacking

[markw1]

This issue keeps occurring for me, every new site I recreate

• ON the Contact Us Page - using - Gravity Form

• 50% fields stacking

• If I use the Pro styling - I get all sorts of Miss match of spacing between fields.

• I have removed Pro gravity form styling ->

  add_action(‘wp_enqueue_scripts’, ‘no_x_gravity_form_css’, 9999999);
  function no_x_gravity_form_css () {
  wp_dequeue_style( ‘x-gravity-forms’ );
  }

  (NOTE there are multiple versions of this all over the forum)

I STILL get stacking.
Cannot see why this is…

Can you advise please - will post site details in secure message

ALSO Can I recommend / request creating an areas in the support (APEX) where you have a page for each Plugin containing current tips and tricks.

e.g. 1 page for Gravity Form Tips.

• This would save lots of time searching through the forum, finding different answers / problems, fixes that don’t work etc…. Or the same issues 1000 of times….
• This could be one page, you could go to for the plugin you are working with and find your issue, quick and easy.

[thai]

Hi There,

The contact form looks good on my end:

Could you please clear all the cache and check again?

Thanks.

[markw1]

dooh!!!,

thanks, believe it was the Pro gravity form fields,

These always cause me issues,
What are they there for ?
Can they be fixed ? or permenantly removed ?

[Alaa]

Hi @markw1

Could you please share a screenshot showing exactly which fields are you having this issue with?

Thanks.

[markw1]

HI @Alaa,

I have added back the Pro gravity form stylesheet (commented out lines in functions.php)

Attached is screenshot:

[basanta]

Hi There,

Thanks for writing in!
Please check the custom stylesheet in the child theme and search for this CSS code.

.gform_wrapper ul.gform_fields li.gfield {
    margin-right: 0 !important;
    margin-top: 0 !important;
    float: none !important;
}

Replace the CSS code with this.

.gform_wrapper ul.gform_fields li.gfield {
    margin-right: 0 !important;
    margin-top: 1.313em !important;
    float: none !important;
}

Hope this helps!

Thanks

[markw1]

Excellent, that got it

I did find this code in the forum, but this is clearly now out of date/ wrong.

As I suggested it would be great to have ONE place to record the latest tips for each plugin working with xTheme.

e.g. have a Gravity Forms page which has latest CSS required, & tip on how to remove xTheme css for gravity forms, (If required)

Otherwise you are searching through the forum, and you cannot be sure you have the latest / correct information, and then waste a lot of time.

Many thanks again - have a great day.

[basanta]

Hi There,

Thanks for the great suggestion!
Some time people having different type of cases to different customer.
We have our own knowledge base for different plugins and also individual plugins having their own documentation.

We will keep your suggestion in mind!

Thanks