<style>
/** numeric pager facet with some example styles
** to target a specific pager facet, use its facet name
** .facetwp-facet-standard_pager instead of .facetwp-type-pager
** example: .facetwp-type-standard_pager .facetwp-page
** if your css is not being applied, check for adding specificity
** https://www.w3schools.com/css/css_specificity.asp
** or !important https://www.w3schools.com/css/css_important.asp
**/
/** wrapper for pager **/
.facetwp-type-pager .facetwp-pager {
border: 1px solid red;
padding: 5px;
}
/** individual page numbers and text **/
.facetwp-type-pager .facetwp-page {
color: green;
}
/** hover class for page links **/
.facetwp-type-pager .facetwp-page:hover {
text-decoration: underline;
}
/** currently selected link **/
.facetwp-type-pager .facetwp-page.active {
font-style: bold;
}
/** page 1 **/
.facetwp-type-pager .facetwp-page.first {
font-style: italic;
}
/** last page **/
.facetwp-type-pager .facetwp-page.last {
font-style: italic;
}
/** previous page text **/
.facetwp-type-pager .facetwp-page.prev {
color: red;
}
/** next page text **/
.facetwp-type-pager .facetwp-page.next {
color: red;
}
</style>