Pagination not showing active link background color

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

Tagged: How to build a site with Toolset, WooCommerce

This topic contains 2 replies, has 2 voices.

Last updated by CharlesB2907 6 years ago.

Assisted by: Waqar.

Author

Posts

November 25, 2018 at 2:01 pm #1152622

CharlesB2907

The active link background color is set by CSS to display a color but it does not show on the page.

How can this be resolved?

November 26, 2018 at 5:04 am #1152909

Waqar

Hi Charles,

Thanks for asking! I'd be happy to help.

I found some custom CSS code in your view, that tries to target the current page's link in the pagination, through the class "active".

But the actual markup generated for the pagination doesn't use a class named "active" for the current item and instead, classes named "wpv_page_current" & "wpv-pagination-nav-links-item-current" are used.

You can update your code to use these classes as:


.wpv-pagination-nav-links-container.js-wpv-pagination-nav-links-container .wpv_page_current.wpv-pagination-nav-links-item-current {
	background-color: #4CAF50;
	color: white;
}

Note: You can use Google Chrome's inspect element tool to view the markup and styles applied to it, as explained in this guide:
hidden link

regards,
Waqar

November 26, 2018 at 6:18 pm #1153267

CharlesB2907

My issue is resolved now. Thank you!