Pagination style with table of contents and split post

[Ahmed_Mohamed]

I need to change the pagination which appeared when I use the table of contents or when I use next page code to split my posts.

How can I make it like pagination in the homepage or category page

[Prasant]

Hello Ahmed,

Thanks for writing in!

Please use following CSS under X > Theme Options > CSS to change pagination style:

.post-page-numbers {
    background-color: #ddd;
    padding: 10px;
    margin: 5px;
    color: #ededed;
}

span.post-page-numbers.current {
    color: #000;
}

.post-page-numbers:hover {
    color: #ff0000;
    background-color: #ffa500;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[Ahmed_Mohamed]

Thanks for that, but is there anyway to change numbers to “next” and “previous” buttons

[christopher]

Hi Ahmed,

The TOC shortcode generates a pagination HTML code that does not match with the default WordPress Next/Previous functionality.

So, unfortunately the short answer is that you can not have such functionality with TOC. But I’d appreciate if you share with us the exact URL that you used the shortcode so that we can check and see if there is a way to be able to help you achieve the customization within the support scope or not. If not, we will at least give you content to research your way out of the customization.

Thank you