Convert Plus Form CSS Issue

[ehsdappdev]

I’m using a ConvertPlus infobar with a button to direct visitors to a Survey Monkey survey. The button is not centered properly. After inspecting it in the DevTools, I found there is a Pro css rule causing the extra space. it is the .form rule from the integrity light stack which adds 1.313em of bottom margin.

For the life of me cannot get any custom css added via ConvertPlus, Cornerstone, or WordPress to override. I can remove the margin in DevTools, I’ve tried added a !important statement, I’ve tried using the unique class CovertPlus creates for each module, I’ve tried created a custom class in ConvertPlus.

Its a minor thing, but quite annoying. I’m only using ConvertPlus as its bundled with Pro, and I needed to add a popup quickly for a few weeks.

Any suggestions?

[prakash_s]

Hello @ehsdappdev,

Thanks for writing to us.

I would suggest you please add this custom CSS code to the Global CSS code to rid of your issue.

form.cp-form.smile-optin-form {
    margin: 0 !important;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks