215 w/ new pagination

* CSS PART *
this is to style the icons of next/previous,
if you don't want to use them, then just go to the HTML part

search for .pagination, add this there too:

.pagination .sf {
    font-size:calc(var(--bodyFontSize) - 30%);
    color:var(--bodyLinkColor);
    vertical-align: middle;
}

.pagination .sf:hover {
    color:var(--bodyLinkHoverColor);
}




* HTML PART *
search for <div class="pagination">, then delete everything between {block:Pagination} and {/block:Pagination}
and add this:

{block:PreviousPage}
<a href="{PreviousPage}"> <span class="sf sf-chevron-left"></span> </a>
{/block:PreviousPage}
{CurrentPage} of {TotalPages}
{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<a href="{NextPage}"> <span class="sf sf-chevron-right"></span> </a>
{/block:NextPage}


* IF YOU DON'T WANT ARROW ICONS *
in <a href="{PreviousPage}"> <span class="sf sf-chevron-left"></span> </a>
delete the span <span class="sf sf-chevron-left"></span> and just add previous or what you want

in <a href="{NextPage}"> <span class="sf sf-chevron-right"></span> </a>
delete the span <span class="sf sf-chevron-right"></span> and add next