Saltar navegación

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

Este hilo está resuelto. Aquí tiene una descripción del problema y la solución.

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 -

Zona horaria del colaborador: America/Sao_Paulo (GMT-03:00)

Este tema contiene 2 respuestas, tiene 2 mensajes.

Última actualización por Mateus Getulio 1 year, 8 months ago.

Asistido por: Mateus Getulio.

Autor
Mensajes
#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? enlace oculto

What is the link to your site? enlace oculto

#2739940

Mateus Getulio
Colaborador

Idiomas: Inglés (English )

Zona horaria: 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
Colaborador

Idiomas: Inglés (English )

Zona horaria: 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!