I spent about an hour this afternoon just trying to get the Bloom Plugin from Elegant Themes working. I’ve long been a member of Elegant Themes and they make some fantastic themes and plugins, which I have used extensively over the years on my personal websites and niche websites.
When doing some research to start my own newsletter the other month I stumbled upon the Bloom Plugin which acts as a way to get potential subscribers attention and then hopefully convert that attention into any newsletter subscriber.
With its beautiful design, great backend and statistics, Bloom looked like the perfect choice. Until I tried to install it and nothing seemed to work. After a bit of investigating it turned out that none of the styles for the plugin were being loaded.
I haven’t experience this on WordPress before, so the first thing I did was Google the exact problem I had, nothing apart from the usual fix for anything wrong with WordPress, which is adding:
<?php wp_head(); ?>
To the header.php and:
<?php wp_footer(); ?>
To the footer.php.
Due to a previous issue on the website, I had already got those in the correct places. As I carried on looking I still couldn’t find any easy fix for a problem which seemed like a standard conflict, Google wasn’t the answer.
Eventually after looking through the Elegant Themes Support Forum I stumbled upon the exact problem and solution.
Simple go into your header.php file and add the following to the body tag:
<?php body_class(); ?>
So you should have something like the following:
<body <?php body_class(); ?>>
The live example on SoPlayNice is the following, I have a little bit more within my header so that I can feature a different image at the top of every page:
<body <?php body_class(); ?> id=”<?php echo get_post_meta($post->ID, ‘bodyID’, true); ?>”>
This fix will probably also work for any other conflicts with theme and plugin.
Have a project idea? Feel free to contact me and find out how we can work together.