Extra "whitespace" at bottom of form

Hi paleolove,

your theme’s CSS file is adding an extra margin at the end of all forms. It’s located in wp-content/themes/responsive/style.css on line 701:

margin-bottom: 0.8em;

You can delete (or comment out) this line, but it would affect the bottom margin of all the forms on your website.

A better way would be to add additional CSS to Optin Forms’ CSS file: wp-content/plugins/optin-forms/css/optinforms.css.

Open the file, and add the following at the bottom:

.clear {margin-bottom: 0!important;}
#optinforms-form2-title {margin-bottom: 0!important;}

After you edit and save the file, re-upload it to your web server.

That should fix your problem.

Let me know if it works out!

Tried the second option and it worked!!

Thanks for your help!

Hi paleolove,

Glad it worked ??

Keep in mind this is a temporary solution until we release a new version. Updating the plugin will result in loss of the code you’ve added to your CSS file.

I will contact you once we update the plugin and let you know what to do.

Hi paleolove,

a new version of the plugin has been released. Once you update to the new version, add the above code to the Custom CSS field of the form of your choice, located under Form Options.

Hope you like the new version!

Hello, i’m having the same ‘white space” problem but after inserting the code you have above, it does not seem to help. Is that code unique to that site?

my site – https://www.thebluedotpost.com

Thanks!

Hi force1,

are you talking about the white space above the subtitle (Get on the list and stay up-to-date with the latest)?

If so, add this to your custom CSS:
#optinforms-form4-subtitle{margin:0 0 15px;}

If not, let me know where to look.

Hope this helps. Let me know!

hi thanks.

Well, i was talking about the white space below the module. So between the optin form and the image with michael j fox.

however you are correct, there is also some space above the newsletter sign up box too.

would be good to fix both. I tried the code you shared but it didnt seem to help the top part.

Hi force1,

Ah, I see.

The white space is added by your theme’s CSS. There’s a bottom margin for each widget.

Try this (again, in the Custom CSS field).

#enhancedtextwidget-7{margin-bottom:0}

Let me know if it works!

that did the trick! much better now. Thank you for the help.

Glad to be of help ??

Hello,

I am using Divi. I have a space between the slider image and the option form. My site is not live so I am not sure how to show you. I have used the custom CSS you have mentioned above but it did not work.
Any help would be very helpful!

Thanks.

Hi victoria14,

without having a chance to see it myself, it’s really hard (nearly impossible) for me to guess what the theme’s CSS is doing to the design.

Is it possible for you to resend the request once your website is live, in beta testing stage?

Let me know!

Will do Boris. Thank you!