Paination controls look bad

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

This topic contains 3 replies, has 2 voices.

Assisted by: Christian Cox.

Author

Posts

August 20, 2019 at 10:03 am #1320045

markR-7

I am trying to:use pagination attractively

Link to a page where the issue can be seen:hidden link

I expected to see:Next and Previous page controls with dots

Instead, I got:dots on top of ugly pagination controls

August 21, 2019 at 3:14 pm #1321297

Hi, this looks like something that can be corrected with CSS. Try adding this CSS in the View's Loop Output CSS panel:

.wpv-pagination-nav-links-container .page-item {list-style-type:none;}

That should remove the bullet from each item in the list of navigation links. Let me know if the result could use some additional tweaks.

August 21, 2019 at 3:33 pm #1321305

markR-7

Thanks Christian
almost there
The pagination is too small, and the items are crowded.

August 21, 2019 at 6:04 pm #1321451

You can add more CSS to the code I previously provided if you want to modify the font size and padding values, like this:

.wpv-pagination-nav-links-container .page-item {
    list-style-type: none;
    font-size: 14px;
    padding-right: 10px;
}

You can adjust the numbers if you'd like to customize those values.