At the bottom of your lifestyle theme demo ( https://demo.tagdiv.com/newspaper_lifestyle/ ), under the blog posts, you have pagination that is numbers inside of circles. I am using TD Composer for my home page, rather than a template, because I have to add in some blocks above my posts (left of the sidebar). When adding in posts to my home page using TD Composer, that “numbers inside of circles” pagination style does not seem to be an option and I really want the numbered option, vs. the barely visible left and right arrows.
-
This topic was modified 6 years by
JKLFab.
Hello,
That demo have add a specific class on body -> http://prntscr.com/p1k8w6 so if you want to make the pagination to have that design then you can use this custom css from the Lifestyle Demo class -> http://prntscr.com/p1kbzy
.page-nav a, .page-nav span {
border-radius: 50%;
}
Hope this will help you!
Thank you!
Hi Calin,
I built the page in Composer using Block 11. At Block 11, I go to the Filter Tab, and at the bottom is Pagination. I don’t have a numbered pagination option. I have Load More Button, Next/Prev Ajax, and Infinate Load.
Also, my body class was already td-lifestyle as that is the theme I am using. However, don’t I need number bubbles, chosen at Composer > Block 11 before I can style them with border radius? I do not have a numbered pagination option in Composer.
I’d also love the “Page 1 of 9” shown in your screenshot.
Thank you,
Jennifer
Hello,
Please notice that in order to have the page number on homepage you’ll need to use the Page Builder + Latest Articles + Pagination -> http://prntscr.com/p9r2r8, the loop (latest articles) that you have set right now with tagDiv Composer do not have this option.
Thank you for your understanding!
Hello,
There is no need to use the tagDiv Composer to have that pagination, all you need to do is to set the page template on Page Builder + Latest Articles + Pagination.
Please provide me a link to your website, in this way I will be able to provide a proper answer.
Thank you!
