CSS for nav-previous & next on single post page

Hi there,

What kind of CSS are you looking for?

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

Try this:

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

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;
}
}

Thanks for sharing your code :)

Welcome (Y)

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

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

That's it. Thanks Leo.

:0)

Antar

No problem!

How can i add css spanish tittle in Dispatch ?

previous - next
anterior - próximo.

Can you open a new topic for the question?

Thanks :)