Please visit the web siteOrweb page under consideration: 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 ( 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 masonry    
    jQuery('.twelvecol').imagesLoaded( function(){
            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,


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