In this post
How to
#1. First you need to set Gallery Section: Grid to 2 columns. If you can’t set 9, just set 6 columns
#2. Next, use this code to Custom CSS box
div.gallery-grid-wrapper { grid-template-columns: repeat(2,minmax(0,1fr)) !important; grid-template-rows: repeat(60,minmax(0,0.2fr)) !important; } .gallery-grid-item-wrapper { padding-bottom: 0 !important; height: 100%; } .gallery-grid-item img { position: static !important; } figure.gallery-grid-item:nth-child(3) { grid-column: ~"1 / 3" !important; grid-row: ~"2 / 4" !important; } figure.gallery-grid-item:nth-child(5) { grid-column: ~"2 / 3" !important; grid-row: ~"4 / 6" !important; } figure.gallery-grid-item:nth-child(7) { grid-column: ~"1 / 3" !important; grid-row: ~"6 / 8" !important; } figure.gallery-grid-item:nth-child(10) { grid-column: ~"1 / 3" !important; grid-row: ~"9 / 11" !important; } figure.gallery-grid-item:nth-child(12) { grid-column: ~"2 / 3" !important; grid-row: ~"11 / 13" !important; } figure.gallery-grid-item:nth-child(14) { grid-column: ~"1 / 3" !important; grid-row: ~"13 / 15" !important; } figure.gallery-grid-item:nth-child(17) { grid-column: ~"1 / 3" !important; grid-row: ~"16 / 18" !important; } figure.gallery-grid-item:nth-child(19) { grid-column: ~"2 / 3" !important; grid-row: ~"18 / 20" !important; } figure.gallery-grid-item:nth-child(21) { grid-column: ~"1 / 3" !important; grid-row: ~"20 / 22" !important; } figure.gallery-grid-item:nth-child(24) { grid-column: ~"1 / 3" !important; grid-row: ~"23 / 25" !important; } figure.gallery-grid-item:nth-child(26) { grid-column: ~"2 / 3" !important; grid-row: ~"25 / 27" !important; } figure.gallery-grid-item:nth-child(28) { grid-column: ~"1 / 3" !important; grid-row: ~"27 / 29" !important; } figure.gallery-grid-item:nth-child(31) { grid-column: ~"1 / 3" !important; grid-row: ~"30 / 32" !important; } figure.gallery-grid-item:nth-child(33) { grid-column: ~"2 / 3" !important; grid-row: ~"32 / 34" !important; } figure.gallery-grid-item:nth-child(35) { grid-column: ~"1 / 3" !important; grid-row: ~"34 / 36" !important; } figure.gallery-grid-item:nth-child(38) { grid-column: ~"1 / 3" !important; grid-row: ~"37 / 39" !important; } figure.gallery-grid-item:nth-child(40) { grid-column: ~"2 / 3" !important; grid-row: ~"39 / 41" !important; } figure.gallery-grid-item:nth-child(42) { grid-column: ~"1 / 3" !important; grid-row: ~"41 / 43" !important; } figure.gallery-grid-item:nth-child(45) { grid-column: ~"1 / 3" !important; grid-row: ~"44 / 46" !important; } figure.gallery-grid-item:nth-child(47) { grid-column: ~"2 / 3" !important; grid-row: ~"46 / 48" !important; } figure.gallery-grid-item:nth-child(49) { grid-column: ~"1 / 3" !important; grid-row: ~"48 / 50" !important; } figure.gallery-grid-item:nth-child(52) { grid-column: ~"1 / 3" !important; grid-row: ~"51 / 53" !important; } figure.gallery-grid-item:nth-child(54) { grid-column: ~"2 / 3" !important; grid-row: ~"53 / 55" !important; } figure.gallery-grid-item:nth-child(56) { grid-column: ~"1 / 3" !important; grid-row: ~"55 / 57" !important; } figure.gallery-grid-item:nth-child(59) { grid-column: ~"1 / 3" !important; grid-row: ~"58 / 60" !important; }
Extra
Apply code for specific page
With Business Plan/Higher, use this code to Page Header
<style> div.gallery-grid-wrapper { grid-template-columns: repeat(2,minmax(0,1fr)) !important; grid-template-rows: repeat(60,minmax(0,0.2fr)) !important; } .gallery-grid-item-wrapper { padding-bottom: 0 !important; height: 100%; } .gallery-grid-item img { position: static !important; } figure.gallery-grid-item:nth-child(3) { grid-column: 1 / 3 !important; grid-row: 2 / 4 !important; } figure.gallery-grid-item:nth-child(5) { grid-column: 2 / 3 !important; grid-row: 4 / 6 !important; } figure.gallery-grid-item:nth-child(7) { grid-column: 1 / 3 !important; grid-row: 6 / 8 !important; } figure.gallery-grid-item:nth-child(10) { grid-column: 1 / 3 !important; grid-row: 9 / 11 !important; } figure.gallery-grid-item:nth-child(12) { grid-column: 2 / 3 !important; grid-row: 11 / 13 !important; } figure.gallery-grid-item:nth-child(14) { grid-column: 1 / 3 !important; grid-row: 13 / 15 !important; } figure.gallery-grid-item:nth-child(17) { grid-column: 1 / 3 !important; grid-row: 16 / 18 !important; } figure.gallery-grid-item:nth-child(19) { grid-column: 2 / 3 !important; grid-row: 18 / 20 !important; } figure.gallery-grid-item:nth-child(21) { grid-column: 1 / 3 !important; grid-row: 20 / 22 !important; } figure.gallery-grid-item:nth-child(24) { grid-column: 1 / 3 !important; grid-row: 23 / 25 !important; } figure.gallery-grid-item:nth-child(26) { grid-column: 2 / 3 !important; grid-row: 25 / 27 !important; } figure.gallery-grid-item:nth-child(28) { grid-column: 1 / 3 !important; grid-row: 27 / 29 !important; } figure.gallery-grid-item:nth-child(31) { grid-column: 1 / 3 !important; grid-row: 30 / 32 !important; } figure.gallery-grid-item:nth-child(33) { grid-column: 2 / 3 !important; grid-row: 32 / 34 !important; } figure.gallery-grid-item:nth-child(35) { grid-column: 1 / 3 !important; grid-row: 34 / 36 !important; } figure.gallery-grid-item:nth-child(38) { grid-column: 1 / 3 !important; grid-row: 37 / 39 !important; } figure.gallery-grid-item:nth-child(40) { grid-column: 2 / 3 !important; grid-row: 39 / 41 !important; } figure.gallery-grid-item:nth-child(42) { grid-column: 1 / 3 !important; grid-row: 41 / 43 !important; } figure.gallery-grid-item:nth-child(45) { grid-column: 1 / 3 !important; grid-row: 44 / 46 !important; } figure.gallery-grid-item:nth-child(47) { grid-column: 2 / 3 !important; grid-row: 46 / 48 !important; } figure.gallery-grid-item:nth-child(49) { grid-column: 1 / 3 !important; grid-row: 48 / 50 !important; } figure.gallery-grid-item:nth-child(52) { grid-column: 1 / 3 !important; grid-row: 51 / 53 !important; } figure.gallery-grid-item:nth-child(54) { grid-column: 2 / 3 !important; grid-row: 53 / 55 !important; } figure.gallery-grid-item:nth-child(56) { grid-column: 1 / 3 !important; grid-row: 55 / 57 !important; } figure.gallery-grid-item:nth-child(59) { grid-column: 1 / 3 !important; grid-row: 58 / 60 !important; } </style>
Need a help?
Just send me an email with your site url. I will answer within 24 hours