Skip Navigation

[Resolved] Split: Search box

This support ticket is created 4 years, 4 months ago. 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 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 7 replies, has 2 voices.

Last updated by Waqar 4 years, 4 months ago.

Assisted by: Waqar.

Author
Posts
#1676273

When I add the pagination and I set the setting to be centered on the page it doesn't work. How can I fix that?

#1676511

Hi,

To troubleshoot and suggest a fix for this, I'll need to see how this view and the pagination is set up.

Can you please share a link to the page where this view can be seen?

regards,
Waqar

#1676683

Sure, it's the frontpage - see this link: hidden link
It is just a testsite, but we are building everything up here and then moving it later.

#1678035

Thank you for sharing the link.

In the toolbar above the "Pagination" block, you'll see the option to set the alignment.
( screenshot: hidden link )

Please select "Align center" and the entire pagination block will be centered.

#1679547
Skærmbillede-2020-06-28-kl.-13.58.19.jpg
Skærmbillede-2020-06-28-kl.-13.58.12.jpg

Hi there,

I already made those settings. See the screenshot where the backend looks right and the frontend looks like nothing changed. None of my changes are being applied.

#1682349

Thank you for sharing the screenshots and the admin access.

During the investigation, I noticed that some CSS styles from the theme are overriding the pagination styles on the website.
( those styles are coming from this file: yourwebsite.com/wp-content/themes/dt-the7/css/main.min.css )

To fix this, you can include the following CSS code in the view's "Custom CSS" field:


.js-wpv-view-layout .wpv-pagination-nav-links.aligncenter {
display: flex;
}

#1688423

thanks, it seems to work 🙂

#1688681

Thanks for the update and glad that it works.

You're welcome to mark this ticket as resolved and for each new question or concern, please start a new ticket.