Can't fill numbers in Gravity Forms when X-Theme is selected

[ercole]

Hi we use Gravity Forms on our website with X-Theme.

But now the Grafity form don’t work correct in combination with the X-Theme.
We can’t fill any numbers in the amount fields on the screen.

If I select an original theme, it’s works fine. I contact Gravity Forms Support but the advice me to contact the supplieer of the theme for support.

Can you advice me what to do?

You can find the form overhere :

TEST

I tried it on Safari and Chrome, both not working.

Best Regards Ercole

[rad]

Hi Ercole,

Thanks for reaching out.

It appears to be a padding conflict, you can fill it up but the input display is always pushed due to the padding. But even though there is padding, it should still grow accordingly and it can’t, it’s due to fixed width coming from Gravity Form itself. The cause is both ends.

The solution would be either setting the padding to zero or changing the width. I tried the padding fix and it looks uglier since its spacing are no longer uniform in comparison with other inputs, so perhaps let’s fix the width coming from the form itself. Please add this to Theme Options > CSS

.gform_wrapper input.ginput_quantity[type=text] {
    width: 4rem !important;
}

Thanks!

[ercole]

Hi

Manny thanks for the solution!
It work fine for us!

Best Regards Ercole

[friech]

You’re more than welcome, glad we could help.

Cheers!