CSS conflict with Gravity Forms

stephanschroeder · September 2018

Hi,

unfortunately there is a css problem on our gravity-forms page:

https://wp-hosting.prowebma.de/gravity-test/

The arrow on the right side oft the drop-down list (select input) is missing. The drop-down list („Starter“, „Toplevel“, ...) looks like a textbox.

css/shortcodes.css?ver=20.9.6.2 sets the appearance property to "none" which turns off the default browser styling for that control ("-webkit-appearance: none;")

It looks like BeTheme will overwrite the Gravity CSS settings:

line-height (to much)

margin (example: the distance between "WordPress Hosting Tarif auswählen*" = fieldname and "Starter" = drop-down list)

How can I fix it?

THX

Pablo · September 2018

Hi,

I do not see the issue.

Which browser and OS do you use?

This can help you:

https://forum.muffingroup.com/betheme/discussion/41524/dropdown-arrow-not-showing#latest

Thanks.

stephanschroeder · September 2018

Hi Pablo,

thank you for your quick reply:

> Which browser and OS do you use?

iOS / Safari

Win 10 / Chrome

Win 10 / Microsoft Edge

No problem with IE & Firefox.

> This can help you:

Yes! It works:

> Please paste this Custom CSS to Theme Options > Custom CSS & JS > CSS

> select { -webkit-appearance:menulist; !important}

Do you have a tipp for my margin / line-height problem, too?

THX

Pablo · September 2018

Hi,

I'm not sure what you want to do, it looks nice now.

Can you explain me it with some screenshots?

Thanks

stephanschroeder · September 2018

Hi Pablo,

I have modified the theme CSS and it's OK now, thx!

Chrome, Firefox & Safari work fine.

But in Microsoft Edge (42.17134.1.0) after submitting the form will be displayed only a

#

and not the confirmation message. Funny...:

How can I fix this?

THX!

Pablo · September 2018

After disabling all of the plugins(without Gravity Form), is this issue still exist?

Thanks

stephanschroeder · September 2018

Yes, if only Gravity Forms is active the issue still exist.

Bryan · September 2018

You would have to contact the plugin author for this, this could be also a serwer issue but since it is happening only on Edge then it has to do something either with wrong plugin configuration or just bugs.

thanks

CSS conflict with Gravity Forms

Comments