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? 2,008Support 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 Review Envato Item Support Policy Follow us! https://www.clapat.com/https://www.facebook.com/clapat.ro https://www.instagram.com/clapat.themes/https://x.com/clapatdesignhttps://www.linkedin.com/company/clapatstudiohttps://www.tiktok.com/@clapatstudioWarwick 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. 2,008Support 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 Review Envato Item Support Policy Follow us! https://www.clapat.com/https://www.facebook.com/clapat.ro https://www.instagram.com/clapat.themes/https://x.com/clapatdesignhttps://www.linkedin.com/company/clapatstudiohttps://www.tiktok.com/@clapatstudioWarwick 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
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
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
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
cool thanks. I will take a look