Basically i would like that on a large monitor, the portfolio have 5 columns, masonry style. And being able to adjust the spacing. So i looks like that: https://lemanoosh.com/
See screenshot : http://prntscr.com/oym0xn . Right now its 5 columns and you can adjust the spacing with this code:
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
body .portfolio-items[data-gutter="1px"][data-col-num="elastic"], body .portfolio-items[data-gutter="1px"] .col {
padding: 11px !important;
}
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
body .default-style .portfolio-items .col.elastic-portfolio-item {
margin: 0.5%!important;
width: 19%!important;
}
Oops, sorry, just realized it is not responsive anymore, It remain with 5 columns even on a smaller monitor. Any chance that it adjust based on the screen size.
Hello,
I am trying to set up a portfolio with constrained fullwidth and Masonry style. I also would like to have "Bypass Image Cropping".
basically to get something like that: https://lemanoosh.com/
Problem: I can not adjust anymore the spacing between my portfolio items.
Can someone help me? I am stuck with this..
Thanks in advance
Hey Again,
Not sure i understand. Is this option not working : http://prntscr.com/oylnvk .
Best
ThemeNectar Support Team
No, it seems that with "constrained fullwidth," this option does not work. Same with fullwidth. Only work if i choose 2-3 or 4 columns option.
i try to reduce the spacing but it does not work :-(
Can you publish the page so i can view it and try to adjust it via Custom CSS ? .
Best
ThemeNectar Support Team
Sure, it is now public. http://remi-bigot.com/new-portfolio/
Basically i would like that on a large monitor, the portfolio have 5 columns, masonry style. And being able to adjust the spacing. So i looks like that: https://lemanoosh.com/
Hey Again,
See screenshot : http://prntscr.com/oym0xn . Right now its 5 columns and you can adjust the spacing with this code:
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
body .portfolio-items[data-gutter="1px"][data-col-num="elastic"], body .portfolio-items[data-gutter="1px"] .col { padding: 11px !important; }Thanks
ThemeNectar Support Team
Hi Tahir,
Thanks, I just tried but even when i set up padding to 1 or 0 px, there is still a lot of space between my images.
It does not reduce the spacing between my images.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
body .default-style .portfolio-items .col.elastic-portfolio-item { margin: 0.5%!important; width: 19%!important; }Thanks
ThemeNectar Support Team
Excellent! It works.
Thank you so much!
Best regards!
Oops, sorry, just realized it is not responsive anymore, It remain with 5 columns even on a smaller monitor. Any chance that it adjust based on the screen size.
Like this https://lemanoosh.com/
Use this code instead:
@media only screen and (min-width: 1000px) { body .default-style .portfolio-items .col.elastic-portfolio-item { margin: 0.3%!important; width: 19%!important; } }Best
ThemeNectar Support Team
sorry, I tried but the responsiveness still does not work well.
It jump from 1 columns (on small window) straight to 5 columns on a bigger window. It is not really progressive.
You can adjust the Max width for it to work correctly.
@media only screen and (min-width: 1500px) { body .default-style .portfolio-items .col.elastic-portfolio-item { margin: 0.3%!important; width: 19%!important; } }Thanks
ThemeNectar Support Team
ok i understand. It works now!
THANKS!