Archived topic
Page Navigation Styling
3 replies · Started by Robert on January 4, 2018
How would I go about styling the page navigation similar to what's seen here in the support section - current page highlighted, numbers and arrows in boxes?
Hi there,
Can you take a look at this post and try the CSS solutions provided?
https://generatepress.com/forums/topic/customize-page-viewer/
If you need additional assistance, please add in the site URL to the private URL field in the original topic.
Thanks!
Thanks. I played around with it some more since I wanted...
1. the current page to be highlighted with a blue background and white font.
2. the remaining elements to have a white background with black text.
3. upon hover, the remaining elements are highlighted with a blue background and white font.
.page-numbers, a:hover.page-numbers {
color: #fff;
background-color: #0073aa;
border: 1px solid #ededed;
padding: 2px;
}
a.page-numbers {
color: #000;
background-color: #fff;
}
Awesome!
Glad you figured out!
