[Resolved] Move Next link to the right

[rolo]

“Next Post” link appears below “Previous Post” link (in a new line below)

Can you help me to move “Next Post” link to the same line & to the right?

Thanks!

[Tom]

This might help: https://generatepress.com/forums/topic/customize-post-navigation-buttons-at-bottom-of-blog-posts/#post-90877

[rolo]

Thanks Tom, I have used your suggested css

@media all and (min-width: 769px) {
    .nav-previous {
        float: left;
        max-width: 50%;
    }
    .nav-next {
        float: right;
        max-width: 50%;
    }
}

It works fine, but I need just a little thing:
Is it possible to move the little next arrow icon to the right of text? (only for next link)

Thanks!

I have supported you for ongoing development with 20$ 😉

[Tom]

Thank you so much for the donation! 🙂

This should help: https://generatepress.com/forums/topic/arrow-position-in-previous-next-post-navigation/#post-157682

[rolo]

Great

I used Unicode: f105 to use the same arrow…

Last question: how to add more spacing between icon and text?

Thanks!

[Tom]

You’ll want to replace margin-left: 0; in the CSS with a value like 10px 🙂

[Author]

Posts