Docs

[Razorsharp_]

Hey,

Can I please get all the settings/code to edit the page numbers and navigation arrows beneath the post on a blog page.

I’m using renew.

[Razorsharp_]

I think I’d like to make it a little bigger and change the colour of the grey outer part, but would like to play around with it all.

[Razorsharp_]

This reply has been marked as private.

[Nico]

Hi There,

Thanks for writing in.

Add the code below in your Customizer > Custom > CSS:

To change the background color from to grey to whatever color:

.x-pagination ul{
    background-color: #ef0000;
}

To change the size of the background grey

.x-pagination ul{
    padding:20px
}

To change current text color and background color:

.x-pagination span.current{
    color: #fff;
    background-color: #2c3e50;
}

To change the other text which are not current:

.x-pagination a, .x-pagination span{
    color: #ddd;
    background-color: #fff;
}

And for the hover:

.x-pagination a:hover{
color:#fff;
background-color:#000;
}

Hope it helps.

Thanks.

[Author]

Posts