I am attempting to set up a page on the website that utilizes a centered fitRows Isotope layout.
I can get the centered layout, and I can get the fitRows layout. However, I have not been able to combine them into a centered fitRows layout.
I am assuming there is a conflict between the centered Masonry and fitRows layouts.
Is it possible to combine these 2 types of layouts or am I out of luck? This is the first time that I've used Isotope, so I'm not sure how to do some of the more advanced tricks yet.
I'm using the following to instantiate Isotope
// set up isotope
var $container = $('#candidates');
$container.imagesLoaded(function(){
$container.isotope({
itemSelector: '.candidate',
layoutMode: 'fitRows',
masonry: {
columnWidth: 175,
gutterWidth: 20,
isAnimated: true,
isFitWidth: true
}
});
});
My full test code can be found here: http://jsfiddle.net/hightechredneckwoman/UtHRX/23/