In this post
How to
#1. First you need to set Grid – Simple (or Grid – Overlay) to 3 columns
#2. Next, use this code to Custom CSS box
a.grid-item:nth-child(4n - 3) { grid-column: ~"1 / 3" !important; } a.grid-item:nth-child(4n) { grid-column: ~"2 / 4" !important; } div#gridThumbs { grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: repeat(30,minmax(0,0.5fr)) !important; } .portfolio-grid-overlay .grid-item { padding-bottom: 0 !important; height: 100%; } .portfolio-grid-overlay .grid-item .grid-image { position: static; }
Extra
Apply code for specific portfolio page
With Business Plan/Higher, use this code to Page Header
<style> a.grid-item:nth-child(4n - 3) { grid-column: 1 / 3 !important; } a.grid-item:nth-child(4n) { grid-column: 2 / 4 !important; } div#gridThumbs { grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: repeat(30,minmax(0,0.5fr)) !important; } .portfolio-grid-overlay .grid-item { padding-bottom: 0 !important; height: 100%; } .portfolio-grid-overlay .grid-item .grid-image { position: static; } </style>
Need a help?
Just send me an email with your site url. I will answer within 24 hours