{"id":1055,"date":"2020-07-16T21:21:54","date_gmt":"2020-07-17T02:21:54","guid":{"rendered":"https:\/\/yorkcs.com\/?p=1055"},"modified":"2020-07-16T21:21:54","modified_gmt":"2020-07-17T02:21:54","slug":"how-to-fix-bloom-optin-pop-ups-appearing-cut-off","status":"publish","type":"post","link":"https:\/\/yorkcs.com\/how-to-fix-bloom-optin-pop-ups-appearing-cut-off\/","title":{"rendered":"How to Fix Bloom Optin Pop-Ups Appearing Cut-Off"},"content":{"rendered":"\n<p>Are you using the <a href=\"https:\/\/www.elegantthemes.com\/plugins\/bloom\/\" class=\"rank-math-link\">Bloom plugin by Elegant Themes<\/a> but have the problem of seeing optin popups appear cut-off?  Recently I&#8217;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.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"506\" src=\"https:\/\/yorkcs.com\/wp-content\/uploads\/2020\/07\/Screenshot-from-2020-07-16-21-19-36-1024x506.png\" alt=\"\" class=\"wp-image-1059\" srcset=\"https:\/\/yorkcs.com\/wp-content\/uploads\/2020\/07\/Screenshot-from-2020-07-16-21-19-36-980x484.png 980w, https:\/\/yorkcs.com\/wp-content\/uploads\/2020\/07\/Screenshot-from-2020-07-16-21-19-36-480x237.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How to Fix Bloom Optin Pop-ups<\/h2>\n\n\n\n<p>There is a solution to fix this.  If you&#8217;re using the Divi Theme, add the following custom CSS box:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.et_bloom_form_header, .et_bloom_form_content, .et_bloom_form_container_wrapper {\n    height: auto!important;\n}<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/yorkcs.com\/wp-content\/uploads\/2020\/07\/Screenshot-from-2020-07-16-21-34-50-1024x283.png\" alt=\"\" class=\"wp-image-1072\" srcset=\"https:\/\/yorkcs.com\/wp-content\/uploads\/2020\/07\/Screenshot-from-2020-07-16-21-34-50-980x270.png 980w, https:\/\/yorkcs.com\/wp-content\/uploads\/2020\/07\/Screenshot-from-2020-07-16-21-34-50-480x132.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<p>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.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"506\" src=\"https:\/\/yorkcs.com\/wp-content\/uploads\/2020\/07\/Screenshot-from-2020-07-16-21-22-53-1024x506.png\" alt=\"Fix Bloom optin pop-ups\" class=\"wp-image-1063\" srcset=\"https:\/\/yorkcs.com\/wp-content\/uploads\/2020\/07\/Screenshot-from-2020-07-16-21-22-53-980x484.png 980w, https:\/\/yorkcs.com\/wp-content\/uploads\/2020\/07\/Screenshot-from-2020-07-16-21-22-53-480x237.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<p>The pop-up does appear to look great on mobile devices.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/yorkcs.com\/wp-content\/uploads\/2020\/07\/Screenshot-from-2020-07-16-21-23-17-571x1024.png\" alt=\"\" class=\"wp-image-1064\" width=\"286\" height=\"512\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>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.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you using the Bloom plugin by Elegant Themes but have the problem of seeing optin popups appear cut-off? Recently I&#8217;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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1086,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[11],"tags":[39,40,41],"_links":{"self":[{"href":"https:\/\/yorkcs.com\/wp-json\/wp\/v2\/posts\/1055"}],"collection":[{"href":"https:\/\/yorkcs.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yorkcs.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yorkcs.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yorkcs.com\/wp-json\/wp\/v2\/comments?post=1055"}],"version-history":[{"count":0,"href":"https:\/\/yorkcs.com\/wp-json\/wp\/v2\/posts\/1055\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yorkcs.com\/wp-json\/wp\/v2\/media\/1086"}],"wp:attachment":[{"href":"https:\/\/yorkcs.com\/wp-json\/wp\/v2\/media?parent=1055"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yorkcs.com\/wp-json\/wp\/v2\/categories?post=1055"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yorkcs.com\/wp-json\/wp\/v2\/tags?post=1055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}