Centralize

Asked

Viewed 27 times

1

I implemented the isotope. Everything is working just missing feed the content. The problem is I can’t center the elements. I’ve seen you move to mansory It’s supposed to be centered, but it doesn’t work. Stay like this: inserir a descrição da imagem aqui

Follow the code I made:

// init Isotope
var $grid = $('.grid').isotope({
	itemSelector: '.element-item',
	layoutMode: 'fitRows'
});
// filter functions
var filterFns = {
	// show if number is greater than 50
	numberGreaterThan50: function() {
		var number = $(this).find('.number').text();
		return parseInt( number, 10 ) > 50;
	},
	// show if name ends with -ium
	ium: function() {
		var name = $(this).find('.name').text();
		return name.match( /ium$/ );
	}
};
// bind filter button click
$('.filters-button-group').on( 'click', 'button', function() {
	var filterValue = $( this ).attr('data-filter');
	// use filterFn if matches value
	filterValue = filterFns[ filterValue ] || filterValue;
	$grid.isotope({ filter: filterValue });
});
// change is-checked class on buttons
$('.button-group').each( function( i, buttonGroup ) {
	var $buttonGroup = $( buttonGroup );
	$buttonGroup.on( 'click', 'button', function() {
		$buttonGroup.find('.is-checked').removeClass('is-checked');
		$( this ).addClass('is-checked');
	});
});

It is possible to centralize the elements?

  • Roger, this executable is of no use at all. I recommend the correct addition of the code, with a deeper analysis of the problem the answer may come faster.

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.