[Resolved] CSS for nav-previous & next on single post page

[imraan-ftg]

Hi,

Please provide css for post-navigation > nav-previous & next on single post page.
Also, i will appreciate if you add the same in upcoming versions.

[Tom]

Hi there,

What kind of CSS are you looking for?

[imraan-ftg]

on single post page, we have previous and next links.

[Tom]

Try this:

.post-navigation {
    font-size: 15px;
}

[imraan-ftg]

This is what i need and I did the same. Better if you can include such small CSS tweaks in next version.

.post-navigation {
	font-size: 15px;
    margin-bottom: 10px !important;
}
.post-navigation .nav-previous {
    float: left;
}
.post-navigation .nav-next {
    float: right;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
@media (max-width:768px) {
.post-navigation {
	text-align: center;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
	float: none;
    margin-bottom: 7px;
}
}

[Tom]

Thanks for sharing your code 🙂

[imraan-ftg]

Welcome (Y)

[Antar]

Hi, Imraan –

Thanks for the code. It provides some much-needed styling for the previous/next links. Unfortunately your solution does not put the next > arrow after the link!

🙂

Antar

[Leo]

Like this? https://generatepress.com/forums/topic/arrow-position-in-previous-next-post-navigation/#post-157682

[Antar]

That’s it. Thanks Leo.

:0)

Antar

[Leo]

No problem!

[Noé]

How can i add css spanish tittle in Dispatch ?

previous – next
anterior – próximo.

[Leo]

Can you open a new topic for the question?

Thanks 🙂

[Author]

Posts