Passer la navigation

[Résolu] Move Next Pagination Button to Right Side of Page

Ce fil est résolu. Voici une description du problème et la solution proposée.

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 support ticket is created Il y a 1 year, 8 months. There's a good chance that you are reading advice that it now obsolete.

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 -

Fuseau horaire du supporter : America/Sao_Paulo (GMT-03:00)

Ce sujet contient 2 réponses, a 2 voix.

Dernière mise à jour par Mateus Getulio Il y a 1 year, 8 months.

Assisté par: Mateus Getulio.

Auteur
Publications
#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? lien caché

What is the link to your site? lien caché

#2739940

Mateus Getulio
Supporter

Les langues: Anglais (English )

Fuseau horaire: 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

Les langues: Anglais (English )

Fuseau horaire: 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!