[Resolved] Styling Page Numbers

[Math]

Hi,

I’m trying to style the page numbers but I’m having issues when I’m hovering over the button, it doesn’t change colour. Can you please take a look at the code?

.page-numbers, .page-numbers a:visited {
	background: #161616;
    padding: 9px 12px;
    border-radius: 3px;
    color: #fff !important;
}

.page-numbers a:hover, .page-numbers a:active {
	background: #195fff !important;
    padding: 9px 12px;
    border-radius: 3px;
    color: #fff !important;
}

[David]

Hi there,

try this:

.page-numbers {
    background: #161616;
    padding: 9px 12px;
    border-radius: 3px;
    color: #fff !important;
}

a.page-numbers:hover,
.page-numbers.current {
    background: #195fff;
}

[Math]

That works. Thank you.

[David]

You’re welcome

[Author]

Posts