- This topic has 3 replies, 2 voices, and was last updated 3 years, 1 month ago by Leo.
-
AuthorPosts
-
January 31, 2021 at 9:09 am #1640626nordicsouth
Hi, you helped me some years ago with a little CSS code that don´t seem to be working correctly anymore. They next and previous post navigation links are still aligned on the same row, as I like them, but the arrow to the far right is now just a “little box”. I guess somethings is wrong with the font icon code. And there is an extra arrow (probably the original arrow) on the left side of that next nav linktext, that I want to hide.
I want it to be one arrow to the far left with linktext, a gap, and then the link text with one arrow to the far right.
This is my old CSS:
/*Next blog-post on same row*/ .post-navigation { display: flex; } .post-navigation .nav-next { width: 50%; text-align: right; } .post-navigation .nav-previous { width: 50%; color: #ed8a63; } .post-navigation .nav-next .next:before { display: none; } .post-navigation .nav-next .next:after { font-family: GeneratePress; text-decoration: inherit; position: relative; margin-left: .6em; width: 13px; text-align: center; display: inline-block; content: "\f105"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: inherit; font-variant: inherit; text-rendering: auto; line-height: 1; speak: none; color: #ed8a63; }
I just changed from Floats to Flexbox, but I do not think that is the problem. I belive it been like this for a while, I have probably just not seen it.
By the way, I could not see any change in the site layout or in loading time/size after changing to Flex. Maybe a caching thing? Or site already okey? But can you see/confirm that my site now uses Flex? Would it be best to delete the GP theme and install it totally fresh again to remove old stuff?! (This is a simple site with not to many configurations…)
January 31, 2021 at 11:21 am #1640739LeoStaffCustomer SupportHi there,
Try this instead:
https://docs.generatepress.com/article/inline-post-navigation/#icon-type-svgAnd yes the site is using Flexbox.
January 31, 2021 at 1:44 pm #1640871nordicsouthThank you, quick and easy! 🙂 I tried to google it and search in your forum but language was aginst me, I did not know it was called inline. And yes, when I changed to Flexbox today I also changed from icon type font to SVG. Solved!
January 31, 2021 at 4:19 pm #1640952LeoStaffCustomer SupportNo problem 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.