Tagged: Previous and next buttons
- This topic has 4 replies, 2 voices, and was last updated 2 years, 3 months ago by Theme Horse Support Team.
-
AuthorPosts
-
March 2, 2022 at 4:49 pm #97473m.peiranodgParticipant
Hello,
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 TeamKeymasterHi 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.peiranodgParticipantHello,
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.peiranodgParticipantHello,
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 TeamKeymasterHi,
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.