How to Fix Bloom Optin Pop-Ups Appearing Cut-Off

by | Jul 16, 2020 | How-To | 2 comments

Are you using the Bloom plugin by Elegant Themes but have the problem of seeing optin popups appear cut-off? Recently I’ve been setting up an optin popup for this blog. Once I finished setting up the form, I noticed the form popup was weirdly cut-off. See the screenshot below.

How to Fix Bloom Optin Pop-ups

There is a solution to fix this. If you’re using the Divi Theme, add the following custom CSS box:

.et_bloom_form_header, .et_bloom_form_content, .et_bloom_form_container_wrapper {
    height: auto!important;
}

Once you save changes, try viewing a post with your optin pop-up enabled. The pop-up optins should look much better now. For some reason the popup is slightly lower on the screen, but of course it does look much better than before.

Fix Bloom optin pop-ups

The pop-up does appear to look great on mobile devices.

Conclusion

Now you know how to fix Bloom optin pop-ups. Has this worked for you? Let me know down in the comments below! I always like to know how solutions that work in my business work for others.

Looking for custom WordPress solutions

for your business?

2 Comments

  1. Janet Slinkard

    Thanks so much for this! I thought I was losing my mind when I saw the cut off popup. You saved my day!

    Reply
    • Jared York

      Hi Janet, I’m glad you found this solution useful! If you’re interested in receiving more web design and digital marketing goodies from us, consider subscribing to our newsletter: https://yorkcs.com/join-our-newsletter/

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Join our mailing list to receive the latest digital marketing articles, tips and tricks, and more from our company.

You have Successfully Subscribed!