Customize Page-nation Numbers?

[Jord56]

Hello

I was woundering if there was a way to customize pagination like on the home page and archive pages below is a screenshot of what im talking about.

[paul.r]

Hi,

Thanks for writing in!

To customize the numbers, you can add the code below in Theme Options > CSS

.x-pagination a, .x-pagination span {
    float: left;
    margin: 0 0.35em;
    width: 32px;
    height: 32px;
    font-size: 13px;
    font-weight: 400;
    line-height: 32px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255,255,255,0.85);
    color: #bababa;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: inset 0 0 0 transparent, 0 0.1em 0.45em 0 rgba(0,0,0,0.25);
}

.x-pagination span.current {
    text-shadow: 0 1px 2px rgba(0,0,0,0.65);
    color: #fff;
    background-color: #ff2a13;
    box-shadow: inset 0 0.1em 0.35em rgba(0,0,0,0.65), 0 1px 0 0 rgba(255,255,255,0.95);
}

Then change the values as you like.

Hope that helps.

[Jord56]

Thanks Paul

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.