change the width column of masonry in view mode

This commit is contained in:
Fabiano Alencar 2018-06-05 09:18:45 -03:00
parent 981f689388
commit fe0479850f
2 changed files with 4 additions and 3 deletions

View File

@ -43,7 +43,8 @@ jQuery(document).ready(function( $ ) {
$('.tainacan-masonry-view').masonry({
percentPosition: true,
itemSelector: '.grid-item',
columnWidth: '.grid-sizer',
/* columnWidth: '.grid-sizer', */
columnWidth: 277,
//gutter: '.gutter-sizer',
horizontalOrder: true,
});

View File

@ -6,10 +6,10 @@
<!-- <div class="tainacan-masonry-container card-columns p-3"> -->
<?php while (have_posts()): the_post(); ?>
<div class="grid-item col col-sm-6 col-md-4 col-lg-3 mb-3">
<div class="card">
<div class="card border-0">
<?php
if(has_post_thumbnail()):
echo '<img src="'.get_the_post_thumbnail_url().'">';
the_post_thumbnail('full');
endif;
?>
<div class="card-body">