[Resolved] Single post Next-Previous navigation handle linebreaks

Home Forums Support [Resolved] Single post Next-Previous navigation handle linebreaks

Home Forums Support Single post Next-Previous navigation handle linebreaks

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1614135
    Ola

    Hi (again)!

    I want to adjust the previous/next navigation below the single blog posts.

    I’ve used the code for svg to get them on opposite sides (https://docs.generatepress.com/article/inline-post-navigation/) (and also additional code to increase font size).

    When a page title linebreaks, the arrows goes out of sync and the text on the additional lines are not indented to start in line with the text above. (see https://www.stag1.ikigai.se/malarbete/det-finns-alltid-ett-mal-till/ )

    How can I adjust this?

    Best regards,

    /Ola

    #1614236
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    .post-navigation .nav-previous {
        display: flex;
    }
    #1614247
    Ola

    Brilliant!

    How can I increase the size of the arrow fonts to better correspond to the larger area?

    Best regards,

    /Ola

    #1614284
    David
    Staff
    Customer Support

    Try this CSS:

    #nav-below .gp-icon svg {
        height: 1.5em;
    }
    #1614472
    Ola

    Great!

    Thanks! Awesome support!

    /O

    #1614539
    David
    Staff
    Customer Support

    Glad to be of help.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.