Navigation überspringen

[Gelöst] Move Next Pagination Button to Right Side of Page

Dieser Thread wurde gelöst. Hier ist eine Beschreibung des Problems und der Lösung.

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 vor 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 -

Zeitzone des Unterstützers: America/Sao_Paulo (GMT-03:00)

Dieses Thema enthält 2 Antworten, hat 2 Stimmen.

Zuletzt aktualisiert von Mateus Getulio vor 1 year, 8 months.

Assistiert von: Mateus Getulio.

Author
Artikel
#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? versteckter Link

What is the link to your site? versteckter Link

#2739940

Mateus Getulio
Unterstützer

Sprachen: Englisch (English )

Zeitzone: 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
Unterstützer

Sprachen: Englisch (English )

Zeitzone: 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!