[Resolved] Pagination not showing active link background color

[Author]

Posts

[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?

[Waqar Supporter Languages: English (English ) Timezone: Asia/Karachi (GMT+05:00)]

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

[CharlesB2907]

My issue is resolved now. Thank you!