1. Home
  2. Knowledge Base
  3. Integrations
  4. Fix Infusionsoft Web Form in LiveEditor

Fix Infusionsoft Web Form in LiveEditor

If you are adding an Infusionsoft Web form to an OptimizePress LiveEditor page you may find the styling is slightly off or the fields are mis-aligned.

Please note this should fix issues with the “HTML” version of the web form.  You should add the web form code in the HTML/Shortcode element

You can fix this with some simple css. Add this to the Page Settings > Other Scripts > Custom CSS:

.webFormBodyContainer label{display:inline;font-weight:normal;}

This should make the labels in line with the fields and also fix any text being bold on the form

Other Code to Consider

You may also consider adding these CSS codes to further fix your forms depending on your page layout (remove these if they have other effects on your other page content):

label{display:inline;}

.infusion-radio label{font-weight:normal;}

input{margin-bottom:20px;}

Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for? Don't worry we're here to help!
Contact Support