Please visit the web siteOrweb page under consideration: www.lewismalpas.co.united kingdom/blog/portfolio

Very first time posting on Stack so hopefully a number of you smarter people might help me as I've been battling to obtain the jQuery masonry wordpress plugin (http://masonry.desandro.com) working inside my wordpress theme and also the fluid power grid I'm using.

jQuery and also the wordpress plugin are generally being loaded properly, and that i have checked to make sure jQuery has been loaded first, nevertheless the script itself where I call the masonry function on the container appears to possess no effect whatsoever. I'm loading the wordpress plugin in header.php:

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.masonry/jquery.masonry.js"></script>

All my jQuery scripting is positioned right before the closing body tag like me presently calling the masonry wordpress plugin on the container div known as .twelvecol

<script type="text/javascript">
jQuery(document).ready(function(){

    //jquery masonry    
    jQuery('.twelvecol').imagesLoaded( function(){
        jQuery('.twelvecol').masonry({
            itemSelector : '.project'
         });
    });
});

My CSS is really as following:

.row .twelvecol {
width: 100%;
}

.project {
float: left;
width: 50%;
}

Thank you ahead of time for the help,

Lewis.

Problem fixed, I'd a JS error when i had not created the code properly for that cycle wordpress plugin I'm using.