[Resolved] Post navigation with clickable thumbnails

[Leo]

Can you first confirm that the post navigation option is activated in the customizer?
https://docs.generatepress.com/article/blog-content-layout/#single

If so then you will need to dig further into the problematic install as the solution works in a fresh install for both of us so it’s unlikely a theme issue here.

I would recommend disabling all plugins and all custom functions to test.

[qpaq]

Hi Leo and David,

I’ve managed to work the recent code and CSS. Thanks very much. The culprit was the attributed categories; the posts on the test site did not have the same category. So obviously, the post-nav section was disappearing. Sorry for the trouble.

So everything works almost perfectly now except I couldn’t disable the caption texts of featured images. I don’t need them here, is there a way to get rid of captions in post-nav section?

I made them disappear with this but their allocated area still takes up the space underneath the thumbnail.

.wp-caption-text{
	display: none;
}

The Next thumbnail also does not take its hyperlink where else the previous thumbnail is linked to the previous post. How do we sort it out?

And how can I add the current category name over this section to let users they are browsing in the current category?

[David]

Edit this CSS rule to include the z-index property i have commented below:

#nav-below a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Add this property */
}

You can add your Category terms back to the Post Meta. I assume you have used a filter to only display the tags below the content ?

[qpaq]

Thanks David, that CSS chunk solved the Next thumbnail hyperlink problem.

How do we get rid of captions allocating space in the post-nav section, I don’t need captions to appear here?

[David]

Try this CSS:

#nav-below .wp-caption {
    margin-bottom: 0;
}
#nav-below .wp-caption .wp-caption-text {
    display: none;
}

[qpaq]

Great, thanks David.

[David]

You’re welcome

[Author]

Posts