Just need a little help here. Client wants the masonry grid to have 4 columns. I don't want to mess with wordpress backend so i'm planning on edit the scripts.js section. Can you explain the numbers? and a little input on how to change this to 4 columns would be appreciated.
What you want to achieve require custom work. This needs a lot of js and css adjustments for 4 columns grid. Keep in mind you need to solve the responsive too.
Hello,
Just need a little help here. Client wants the masonry grid to have 4 columns. I don't want to mess with wordpress backend so i'm planning on edit the scripts.js section. Can you explain the numbers? and a little input on how to change this to 4 columns would be appreciated.
if ( $('#portfolio').attr('data-col') == '2' ) {
$('.item.wide').css( {
width : postWidth * 2 - 50 + 'px',
height : postHeight - 150 + 'px',
margin : 25 + 'px'
});
$('.no-gutter .item.wide').css( {
width : postWidth * 2 + 'px',
height : postHeight - 80 + 'px',
margin : 0 + 'px'
});
}
Hi,
What you want to achieve require custom work. This needs a lot of js and css adjustments for 4 columns grid. Keep in mind you need to solve the responsive too.
These are the varable who define the thumb size:
You need to replace the columnNumb with 4 and do the adjustments for all item sizes. Do this only if you have good js knowledge
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