Docs

[bperry420]

Hi,

I have figured out some of the css code for the pagination at the bottom of the blog page, but I don’t know how to change the color of the “current” item. Right now it is a white circle with white text. I need to change the text inside of the white circle to be color:#990099; I might want to change the color of the circle also.

Please see attached screenshot.
Thank you!

WordPress 4.6.1 running X – Child Theme.
X Theme version: 4.6.4
Cornerstone version: 1.3.3

URL: http://theritualnoise.com/dj-events/

[bperry420]

Here is the css code that I have used so far:

/*pagination on bottom of blog page*/

.x-pagination ul
{
background-color:#000;
border:solid 1px #333;
}

.x-pagination a
{
color:#fff!important;
background-color:#990099;
}

.x-pagination a:hover
{
color:#990099!important;
background-color:#ffffff;
}

[Joao]

HI There,

Add the following code to Appereance > Customizer > Custom > CSS and adjust the color according to your wishes:

.x-pagination span.current {
   background: red;
}

Hope it helps

Joao

[bperry420]

That worked! Thank you very much!

[Joao]

Glad to hear it,

Joao

[Author]

Posts