Tagged: Previous and next buttons
- This topic has 4 replies, 2 voices, and was last updated 1 week, 2 days ago by
Theme Horse Support Team.
-
AuthorPosts
-
March 2, 2022 at 4:49 pm #97473
m.peiranodg
ParticipantHello,
I have currently the “Previous” button seen on the first page of the homepage at the bottom and would like to have the “Next” visible instead.
Is there a way to do that? I saw it’s because it’s reversed since the latest posts are showed first? If so, is there a way to change that?
March 13, 2022 at 6:21 pm #97856Theme Horse Support Team
KeymasterHi m.peiranodg,
Yes, the latest posts are shown as default so it’s showing Previous first. Please go to ‘Appearance > Customize > Additional CSS’ and Paste the below Customize CSS code. We have changed the text ‘Previous to ‘Next and ‘Next to ‘Previous’ for you.
.nav-links .nav-previous a, .nav-links .nav-next a { font-size: 0; } .nav-links .nav-previous a:before, .nav-links .nav-next a:before { font-size: 14px; } .nav-links .nav-previous a:before { content: "Next"; } .nav-links .nav-next a:before { content: "Previous"; }
Thanks
June 10, 2022 at 12:38 am #99888m.peiranodg
ParticipantHello,
Thank you for the response.
One question, I actually want to place the “Next” button on the right. On the first page, it should say “Next” on the right, and no button on the left. On the second slide, it should show next on the right and previous on the left. On the last slide, it should say previous on the left.
Is there a way to do that?
Best,
M.June 10, 2022 at 2:06 am #99889m.peiranodg
ParticipantHello,
I was able to fix it, but now, when I scroll down to a project at the bottom, it says “next” below to “previous” and “previous” below “next”.
Do you know how can I either show the name of the previous project or hide it? An example is here: https://peiranoconsulting.com/stylus/
Best,
MarinaJune 17, 2022 at 7:29 pm #100127Theme Horse Support Team
KeymasterHi,
We checked that only ‘Next’ button is already showing on the first page. (https://peiranoconsulting.com/)
To show the Project Name as well, The theme code need to customize, It cannot be done through custom CSS code.Thanks
-
AuthorPosts
- You must be logged in to reply to this topic.