Tagged: Portfolio
Hi guys
My I set up a 3 column portfolio grid and it looks quite strange. There are gaps between the single portfolio items. They all have a same sized feature picture. Why is this happening?
Hey,
Please add this on your custom.css or Quick CSS:
.grid-entry.flex_column.isotope-item.all_sort.no_margin.post-entry.av_one_third {
min-height: 243px !important;
height: 243px !important;
}
Regards,
Ismael
hi ismael
thank you for the quick answer. i copied the code you posted above to the quick css field, but nothing changed. the problem is not solved. there are still some gaps between the first two projects and the second row. http://new.raffaello.name/portfolio/projects/
Actually there’re two solutions.
1) Change the thumbnail size in functions.php – search for
$avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); // images for portfolio entries (2,3 column)
and set the width value to a value below 450px. Regenerate the thumbnails with: http://wordpress.org/extend/plugins/regenerate-thumbnails/
2) Upload a bigger image. All other featured images are bigger (eg http://new.raffaello.name/wp-content/uploads/2013/08/Balancing_Cube_01.jpg or http://new.raffaello.name/wp-content/uploads/2013/08/geo_skydive.jpg but this image: http://new.raffaello.name/wp-content/uploads/2013/08/bj-450×450.jpg is too small and wordpress will not resize the width. Eventually this image is different from the other images (different aspect ratio) and it breaks the grid.