You can send your questions to my email to get faster answer in 24 hours (free).

Buy me a coffee

Custom Portfolio Style 11 (7)

Aug 7, 2023

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

/* Portfolio 11 */
a.grid-item:nth-child(4n)  {
    grid-column: ~"1 / 4" !important;       
}  
div#gridThumbs {
    grid-template-columns: repeat(3,minmax(0,1fr));
    grid-template-rows: repeat(10,minmax(0,0.3fr)) !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)  {
    grid-column: 1 / 4 !important;       
}  
div#gridThumbs {
    grid-template-columns: repeat(3,minmax(0,1fr));
    grid-template-rows: repeat(10,minmax(0,0.3fr)) !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

Ask me a question, free