Free Event Page Pagination

To add a page pagination to Event Page, like this.

Free event page pagination 1

#1. First, use this code to Event Page Header Injection

<! -- @tuanphan event pagination -->
<link rel="stylesheet" href="https://code.beaverhero.com/file?filename=1760427026266eventpagination.css"/>
<script src="https://code.beaverhero.com/file?filename=1760426980658eventpagination.js"></script>

Free event page pagination 2

#2. To change button style, you can use code like this under #1, here I use example value

<style>
:root {
    --tp-gap: 0.2rem;
    --tp-margin: 25px;
    --tp-btn-min: 20px;
    --tp-btn-h: 20px;
    --tp-btn-pad: 0 25px;
    --tp-btn-border: red;
    --tp-btn-bg: #fff;
    --tp-btn-active-bg: red;
    --tp-btn-active-color: #fff;
    --tp-btn-active-border: red;
    --tp-disabled-opacity: .4;
}
</style>

Free event page pagination 3

 

Buy me a coffee