Hi Rick,
You need to make a heavy customization to achieve that. You should consider to hire a developer to carry out such work, customization support is out of JA support scope.
Basically, what you should do is:
1) Load javas in templates/ja_mero/tpls/blocks/head.php file of your template
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="/path/to/jquery.masonry.min.js"></script>
2) Always in main content make the wrap (container)
and give to the element inside the class “item”
Code:
<div id="container">
<div class="item" name"mason1">...</div>
<div class="item...">...</div>
<div class="item...">...</div>
...
</div>
3) In the css put
Code:
.item {
width: 220px;
margin: 10px;
float: left;
}
4) Put script before your body closing tag </body>
window.onload = function() {
var wall = new Masonry( document.getElementByClassName('item, item2'), {
columnWidth: 240
});
};
