Bloom WordPress Plugin Issues With Styling, Shows At Bottom Of Screen

About The Author
Cabe Nolan is the founder of WP Cover where he shares his insight into WordPress, development, & entrepreneurship. Outside of WPCover, Cabe continues to run a successful WordPress development firm, Bold City Design as well as a few high profile websites, Arrivala, Two Way Resume, Dock Skipper, and a successful outdoors brand, DolfinPack.

Bloom WordPress Plugin Issues With Styling, Shows At Bottom Of Screen

Today we’re going to take a look at the Bloom WordPress plugin by Elegant Themes.  I’ve heard so many good things about this plugin that I decided to put it to the test on one of my higher profile sites, Two Way Resume.

I purchased a license from Elegant Themes and got to work installing the plugin as you normally would.  I should note that the version I was installing was 1.1.2.  After install, I quickly synced up my Mailchimp forms and created my first opt-in, very easy to do with great customization options.  I set my settings, made the form live and then checked it out on the frontend.


For some reason, none of the styling from the plugins CSS file was being loaded on the page.  I could have went to Elegant Themes for support but that would be no fun and I didn’t feel like waiting for a response so I dove into the plugin code.  After doing some looking around in the plugins main stylesheet located at/plugins/bloom/css/style.css, I noticed that every CSS call began with the class of .et-bloom.  However, nowhere on my site was I able to find the class of .et-bloom being loaded, strange?  I did notice a different class of .et_bloom_popup_active which the plugin had added to the main body of the page.  Using my favorite editor (Coda), I did a quick find and replace of .et_bloom with .et_bloom_popup_active within the stylesheet. Boom, fixed!

While I realize this is not an ideal fix to the problem and considering the popularity of this plugin the issue may lie somewhere within my custom theme, it seemed to do the trick.  I now have a very nice looking opt-in on my site with lots of functionality and a very good overall design.

If anyone from Elegant Themes would like to comment on this issue and why it didn’t seem like .et-bloom was being loaded as a class on my website it would be great to get some insight.  If not, here is a work-around solution for anybody else who stumbled across a similar problem.

Here’s a screenshot of my email opt-in on Two Way Resume:

Screen Shot 2016-05-10 at 1.04.15 PM

Share Your Thoughts

Leave a Reply

Your email address will not be published.

Related Stuff You Might Like

WordPress News, Tips, & Code Snippets

Join the WP Cover mailing list and get wordpress news, tips, code snippets, security warnings, and more delivered right to your inbox.  We won't flood your inbox, newsletters typically go out every 1-2 weeks unless it involves an important security release.

You have Successfully Subscribed!