Site logo

Archived topic

A Problem With My Column And Row Layout

7 replies · Started by Frank on July 13, 2021

Viewing posts 1–8 of 8

Hi,
I am using GeneratePress Premium on my website with a blog roll configuration. I'm using a three-column featured image layout with the newest one twice as large (takes up two post spaces). I added a new post yesterday, which caused my site to create a third page. The problem is that there is an empty space at the bottom of page two where the featured image for the last post should be, and the post that's supposed to fill this last space is on page 3.
How can I fix this? I can send you a screenshot of the problem if you need one.
Thank You!
Frank

Hi Frank,

I'm exactly sure I fully picture the issue.

Can you link us to the site in question for us to check and get a clearer idea? You can use the private information text field to provide the link. :D

Hi, Elvin

Thanks for your quick response!

I just cleared the cache on my browsers (both Chrome & Safari) and the cache for my website on my hosting platform. Unfortunately, neither of these things corrected the problem. I'm using a MacBook Air M1. I also tried it on my iPad Pro Safari browser and noted the same problem.

The link to my website is written in the private information area below. Navigate to the bottom of page two and look at the bottom right, directly adjacent to the "Brad Paisley (Secret Agent Esquire Pickup) Guitar Review" featured image, and you will see the blank space. The "About Frank" featured image that belongs in that space is on page 3.

Interestingly, the bottom of page one fills correctly with featured images.

Thanks,
Frank

Hi there,

theres not a simple fix for this, as you would need to change the number of posts being displayed on page 2, 3 etc.
And the issue there is the wp pagination function doesn't handle this very well which will create duplicate posts.

So fixing the orphan post on page 3 is not easily done.
But removing the gap on page 2 can be achieved by making the first post featured on all pages with some CSS:

@media(min-width: 1024px) {
    .blog.paged article:first-child {
        width: 66.666%;
    }
}

Is there another option besides making the first post featured on all pages?

I can't seem to fill that last featured image space (at the bottom of each page on the right) of my blog roll, no matter what I do. I deselected the "make first post featured" option and tried the 2, 3, & 4 column count but nothing works.

Should work by setting your post count to say 11, then use the code Tom provided to set the Paged instances to 12.

This archived topic is closed to new replies.