Comments Warwick Behrens started the conversationOctober 18, 2018 at 6:12amI love the way the portfolio works but I would like to manage the spacing between items. Is there a way I can do this? 1,974Support repliedOctober 20, 2018 at 6:05amHello WarwickThe portfolio thumbnails are actually arranged by the Packery library:https://packery.metafizzy.co/options.htmlYou can control the margins between items with CSS:.item { display: block; position: relative; box-sizing: border-box; z-index: 0; width: 30%; height: 38vw; float: left; margin: 80px 10%;}These are the default values. I bolded the properties you may want to change.Thank you. Clapat Support https://www.clapat.com/ Review Envato Item Support PolicyWarwick Behrens repliedOctober 23, 2018 at 9:11pmThanks for the details :)Do the Packery options also allow me to modify the number of columns? It would be nice to have that option too. 1,974Support repliedOctober 25, 2018 at 4:33amHello WarwickYou should be able t do sohttps://packery.metafizzy.co/options.html#element-sizingthe portfolio container is initialised in function Portfolio() from /js/scripts.js$container.packery({ itemSelector: '.item', gutter:0, transitionDuration: "0.5s" });Thank you. Clapat Support https://www.clapat.com/ Review Envato Item Support PolicyWarwick Behrens repliedOctober 25, 2018 at 6:30amcool thanks. I will take a look Sign in to reply ...
I love the way the portfolio works but I would like to manage the spacing between items.
Is there a way I can do this?
Hello Warwick
The portfolio thumbnails are actually arranged by the Packery library:
https://packery.metafizzy.co/options.html
You can control the margins between items with CSS:
.item {
display: block;
position: relative;
box-sizing: border-box;
z-index: 0;
width: 30%;
height: 38vw;
float: left;
margin: 80px 10%;
}
These are the default values. I bolded the properties you may want to change.
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Thanks for the details :)
Do the Packery options also allow me to modify the number of columns? It would be nice to have that option too.
Hello Warwick
You should be able t do so
https://packery.metafizzy.co/options.html#element-sizing
the portfolio container is initialised in function Portfolio() from /js/scripts.js
$container.packery({
itemSelector: '.item',
gutter:0,
transitionDuration: "0.5s"
});
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
cool thanks. I will take a look