How to change the color of page count buttons


I am trying to make all the buttons on my site the same color. I changed all the colors in the Appearance–>Theme Options–>Color to the color I wanted, and it changed all the buttons except the page count buttons at the bottom of the page.

Is there code I need to do this? I’ve tried a few things I found on the forum, but none of them did the trick.

I’ve attached screen shots for you.


Hello there,

I hope you are doing well today.

You can use the following CSS code to change the pagination button colors by going to Appearance > Customize > Additional CSS and pasting it there.

/*Pagination button colors*/
.pagination span, .pagination a:hover {
    background: red;
    border-color: red;

Best Regards,

Thanks for the response! Worked perfectly. Hope you have a good day!