CSS Pagination
Create CSS based paginations. This is can be useful for navigation elements creation for the pages that are not included in the main menu (e.g. for Portfolio, Image galleries, etc.)
Usage
To apply this feature, just add to the page UL LI structure as follows:
<ul class="cssPagination">
<li class="page-item active"><span class="page-number">1</span>
<li class="page-item"><a class="page-number" href="url_topage">2</a>
<li class="page-item"><a class="page-number" href="url_topage">...</a></li>
<li class="page-item"><a class="page-number" href="url_topage">100</a></li>
</ul>
To determine the active page add the class active to the required LI or SPAN element.
Example default align and size
By default, pagination elements will be aligned to the left. For centering items add class center-items to the UL element. You can also use buttons size modifiers class small or large.
Example center align and small size
For align items to the right add class right-items to the UL element.