Pagination markup is provided automatically by the {{pagination}} helper and our themes have the pagination links (.pagination-next-link, .pagination-prev-link, .pagination-first-link and .pagination-last-link) inherit outline button styling by default.
<nav class="pagination">
<ul class="pagination-list">
<li class="pagination-next">
<a class="pagination-next-link" rel="next nofollow">
<span class="pagination-next-text">Next</span>
<span class="pagination-next-icon" aria-hidden="true">›</span>
</a>
</li>
<li class="pagination-last">
<a class="pagination-last-link" href="#">
<span class="pagination-last-text">Last</span>
<span class="pagination-last-icon" aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>Because pagination throughout the help center is provided through a Zendesk helper, it’s not possible to directly edit the HTML of the element. Our themes provide the ability to change the look-and-feel using Sass or CSS and manipulation using custom JavaScript is also possible but not recommended.
Customization
Because the pagination markup cannot be edited directly, the following Sass variables are available in the theming framework:
| Variable | Description |
|---|---|
$margin-pagination | The margin applied to the .pagination element. |