Is There a Way to Add Previous/Next Pagination Featured Image?

[jogordo4]

Hi,

I was just wondering if there was a way to add the featured image of the “next post” or “previous post” as the background of the Post Navigation element?

Here is a screenshot of the Post Navigation - https://prnt.sc/1qg7ydc

Best regards,

• J

[jogordo4]

Also, I forgot to mention that instead of “Next Post” and “Previous Post”, is there a way to input the title of the next/previous post instead?

So it would be the title of the articles and the featured image of the articles as well.

[christian]

Hey J,

With the Post Navigation element, it’s not possible. But, you can use 2 Button elements instead to act as Prev and Next links.

Use Dynamic Content in the Buttons to set the Prev and Next Post Featured Image, Title, and URL or Permalink.

When setting up the DC, click on the Gear or COG icon then choose Next Post or Previous Post accordingly.

In summary, the Post Navigation element is a quick but simple way to add post navigation. If you need further info to display for the prev and next post, you need the Button or other elements.

Hope that helps.

[jogordo4]

Thank you for that! I cannot believe I didn’t think about that.

[marc_a]

Hi Joshua,

Would you mind sharing pointing us where to find your prev and next div on the page you’ve share with us? providing screenshot is a great help because I cannot find it. It would also be best if you could share with us your credential so that we can check your setup properly. To do that, please give us the following information in a Secure Note.

• WordPress Login URL
• Admin level username and password

You can find the Secure Note button at the bottom of your posts.

Thank you.

[jogordo4]

Absolutely.

• Here is the location on the page - https://prnt.sc/1qi7865
• Here is the layout it is on - https://prnt.sc/1qi79iw
• This is the section it is on - https://prnt.sc/1qi7ebw

Thank you for your help! Let me know if you need anything else.

[ruenel]

Hello Joshua,

@jogordo4

I wanted to know if there was a way to make the entire div for both the next post and previous post clickable?

At the moment, the post title or the headline element is already a link. You must disable the link option in the headline element first before you make the entire div as a link. Kindly do the following steps:
1.) Click both the “The Title” elements, in the first and second columns, and disable the Link option:

2.) Click the DIV element and change the HTML tag from div into <a>:

3.) After changing the HTML tag, the Link option will now appear and then this is where you can add a link to the next or previous post which will then create the entire DIV as a link.

Hope this makes sense.

[jogordo4]

Got it! Thank you for the help, you are much appreciated.

[ruenel]

You are most welcome, Joshua!