Archived topic

Single post Next-Previous navigation handle linebreaks

5 replies · Started by Ola on January 11, 2021

Viewing posts 1–6 of 6

January 11, 2021 at 4:01 am #1614135

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

January 11, 2021 at 6:06 am #1614236

Hi there,

try adding this CSS:

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

January 11, 2021 at 6:17 am #1614247

Brilliant!

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

Best regards,

/Ola

January 11, 2021 at 6:46 am #1614284

Try this CSS:

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

January 11, 2021 at 6:52 am #1614472

Great!

Thanks! Awesome support!

January 11, 2021 at 7:26 am #1614539

Glad to be of help.

This archived topic is closed to new replies.