Archived topic
Styling Page Numbers
3 replies · Started by Math on August 4, 2020
Viewing posts 1–4 of 4
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;
}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;
}That works. Thank you.
You're welcome
This archived topic is closed to new replies.
