Modern Portfolio Pro Portfolio 4 across

[Mack]

I have changed the Portfolio from Posts to Pages. I would like to have 4 across vs 3 across. What do I need to change?
Thank you in advance for your assistance.

Here is the css I currently have:
/*
Featured Pages instead of Featured Posts in Modern Portfolio
--------------------------------------------------------------- */

#portfolio .featuredpage:nth-of-type(3n+0),
#portfolio .featuredpage:nth-of-type(3n+1),
#portfolio .featuredpage:nth-of-type(3n+2) {
width: 29.629629629%; /* 320px / 1080px */
}

#portfolio .featuredpage:nth-of-type(3n+1),
#portfolio .featuredpage:nth-of-type(3n+2) {
float: left;
}

#portfolio .featuredpage:nth-of-type(3n+0) {
float: right;
}

#portfolio .featuredpage:nth-of-type(3n+1) {
margin-right: 5.555555555%; /* 60px / 1080px */
}

.mp-home #portfolio .featuredpage {
margin-bottom: 48px;
margin-bottom: 3rem;
}

#portfolio .featuredpage .entry {
margin-bottom: 0;
}

.featuredpage h2 a {
font-size: 18px;
font-size: 1.125rem;
}

@media only screen and (max-width: 532px) {

#portfolio .featuredpage:nth-of-type(3n+0),
#portfolio .featuredpage:nth-of-type(3n+1),
#portfolio .featuredpage:nth-of-type(3n+2) {
width: 100%;
}

}

[blogger boutique]

I'm sorry, I don't have this theme on a demo to test this, but hopefully what I suggest will get you on the right path. If it doesn't, send me a link to your site, and I can try to assist you further.

What I would do, is start by adding the new selector for that fourth feature, decrease the width, add a new feature size (maybe determine this in photoshop so you know what size you need them) in your functions, then run the regenerate thumbnail plugin, and alter from there.

Julie

[Author]

Posts