Skip Navigation

[Resolved] Move Next Pagination Button to Right Side of Page

This thread is resolved. Here is a description of the problem and solution.

Problem:

The customer wanted to move the "Next" pagination button to the right side of the page on their "Homepage - Testimonial Slider."

Solution:

We provided a custom CSS code to align the "Next" button to the right side. The code was added to the theme's customizer, ensuring the "Next" button appears on the right even on the first slider.

.wpv-pagination-previous-next-buttons {
  display: flex;
  justify-content: flex-end; 
}
 
.wpv-pagination-previous-next-buttons .wpv-filter-previous-link + .wpv-filter-next-link {
  margin-left: auto; 
}
 
.wpv-pagination-previous-next-buttons .wpv-filter-next-link:not(.wpv-filter-previous-link + .wpv-filter-next-link) {
  margin-left: auto; 
}

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Sao_Paulo (GMT-03:00)

This topic contains 2 replies, has 2 voices.

Last updated by Mateus Getulio 2 months, 2 weeks ago.

Assisted by: Mateus Getulio.

Author
Posts
#2739280
Screenshot 2024-09-04 at 12.12.56 PM.png

Tell us what you are trying to do? Move the next pagination button to the right side of page on the "Homepage - Testimonial Slider"

Is there any documentation that you are following? No

Is there a similar example that we can see? hidden link

What is the link to your site? hidden link

#2739940

Mateus Getulio
Supporter

Languages: English (English )

Timezone: America/Sao_Paulo (GMT-03:00)

Hi,

Thank you for contacting us and I'd be happy to assist.

To suggest the best way to achieve this, I'll need to see how this view is set up in the admin area.

While you shared the access to the site in your other ticket with us, I'm afraid the login link expired and we're not able to login anymore.

Can you please share new temporary admin login details along with a link to a page where this view can be seen?

Note: Your next reply will be private and please make a complete backup copy, before sharing the access details.

regards,
Mateus

#2740156

Mateus Getulio
Supporter

Languages: English (English )

Timezone: America/Sao_Paulo (GMT-03:00)

I was able to fix it with some CSS:

.wpv-pagination-previous-next-buttons {
  display: flex;
  justify-content: flex-end; 
}

.wpv-pagination-previous-next-buttons .wpv-filter-previous-link + .wpv-filter-next-link {
  margin-left: auto; 
}

.wpv-pagination-previous-next-buttons .wpv-filter-next-link:not(.wpv-filter-previous-link + .wpv-filter-next-link) {
  margin-left: auto; 
}

I added this code to the theme customizer section and now the next button is always placed to the right, even in the first slider.

#2740159

Wonderful, thank you!