Change Pagination

Support
#1

Hi there!

How can I make pagination of this demo http://demo.theme.co/renew-10/blog/ into inegetrigty?

Thanks in advance

See attachment below:

#2

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.x-pagination ul {
    display: inline-block;
    margin: 0;
    padding: 6px;
    background-color: #f2f2f2;
    border-radius: 100em;
}
.x-pagination span.pages {
    display: none;
}
.x-pagination a, .x-pagination span {
    float: left;
    margin: 0 3px;
    width: 26px;
    height: 26px;
    font-size: 11px;
    font-weight: 400;
    line-height: 26px;
    text-decoration: none;
    color: #ddd;
    background-color: #fff;
    border-radius: 100em;
}
.x-pagination span.current {
    color: #fff;
    background-color: #2c3e50;
}
.x-pagination a:hover {
    color: #fff;
    background-color: #f00;
}

Hope it helps :slight_smile:

#3

Thank you! :smile:

#4

You’re welcome.