Hi there,
1. Add the following PHP Snippets to change the Next and Previous text:
add_filter( 'generate_next_link_text', function() {
return '>>';
} );
add_filter( 'generate_previous_link_text', function() {
return '<<';
} );
You can return whatever characters/html symbol you want for the,.
2. add this CSS:
.paging-navigation .nav-links {
display: flex;
}
.paging-navigation .nav-links .page-numbers {
display: block;
min-width: 40px;
line-height: 40px;
text-align: center;
background-color: #f5f5f5;
margin-right: 5px;
font-weight: bold;
}
.paging-navigation .nav-links a:hover,
.paging-navigation .nav-links .current {
background-color: #00a1b7;
color: #fff;
}