Pagination Styling?

[gtv22]

Hi

Is it possible to have a border around the page numbers in pagination to match my buttons?

Also, is there a way to change the background of the current page button, without affecting the font color of the other buttons?

[Azy]

Yes and yes
Go to Admin Home > Themes > Advanced Styles & CSS > Visual Editor
then navigate down through the nest to Forum > Body > Containers > Pagination and > Micro Pagination
And have a play about with those settings 

[gtv22]

Thank you, Azayles.

I did find some settings to change there and then afterwards, I also found some more refined choices in the Style Sheet. However, I can't figure out how to change the text color exclusively in the current page button and I can't figure out how to change the height of the page number buttons. Would you be able to help me do that?

[Azy]

You're very welcome! And yep, that's perfectly doable. Try this in the bottom of your CSS:

/* Change the pagination area font size */
.ui-pagination-page a {
   font-size: 12px;
}

/* Change the colour and background of the pagination area current page */
.ui-pagination-page.ui-pagination-slot.state-selected a {
   color: red;
   background-color: blue;
}

Change font-size, color and background-color to whatever you want 

[gtv22]

That worked! Thank you, again.

[Azy]

Very happy to help!