The style conflict problem between town Betheme and Gravity forms

saedamien

My website use Betheme and Gravity forms. But when I put a Gravity form on a webpage, the Betheme style sheet seems to override the Gravity forms style, causing the form to display abnormally.

Below is a test page with a form (It looks abnormal, and the display style is not good)

https://essayshifudev.wpenginepowered.com/ceshi/

Below is another website using the same form and a different theme (This form looks normal)

https://www.acadbox.com/services/custom-essay-writing-services/

 

How to fix this problem? Thanks a lot!

 

Phil

Hi,

Indeed, Betheme styles overwrite forms display, but you can adjust them in Betheme -> Theme options -> Colors -> Forms.

If you mean widths, not color, please try the following CSS code:

.gform-body .ginput_container *{
 width: 100%;
}

Put it in Betheme -> theme options -> Custom CSS & JS -> CSS.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next