How and where to add CSS class to style pagination controls

This support ticket is created 7 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.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	-	-
13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	-	-

Supporter timezone: America/New_York (GMT-04:00)

Tagged: Paginated lists, Views plugin

This topic contains 1 reply, has 2 voices.

Last updated by Christian Cox 7 years, 4 months ago.

Assisted by: Christian Cox.

Author

Posts

July 8, 2017 at 6:39 pm #546449

Michael van der Steen

I am trying to: style my pagination buttons.
I already tried to update the CSS of my theme I use (the Beaver Builder theme) but that did not help.

It is clear to me where I can add CSS code, but it is unclear to me where to add it so that it affects the pagination controls (currently just using the page numbers which appear boxed).

Any pointers to help me on my way?

Thanks in advance,
Michael

July 9, 2017 at 2:37 pm #546579

Christian Cox

Hi, you can add CSS in several places like the theme Customizer's Additional CSS panel, a separate CSS file, Layouts CSS and JS, etc. Whether or not that CSS will affect your pagination buttons depends on several factors including:
- The source order of CSS assets. Assets loaded early can be overridden by assets loaded later.
- The specificity of CSS selectors. If your CSS targets .parent but other CSS targets .parent.post, then yours may be overridden by the other CSS.
- The accuracy of CSS selectors. If your CSS targets the wrong elements, the styles will not be applied.

If you can show me a URL where your styles are applied, I can take a look and recommend some changes if they appear to be overridden.