1. copy template file /wp-content/plugins/pdf-light-viewer/templates/shortcode-pdf-light-viewer.php to your current theme folder:
2. add html somewhere inside <div class=”pdf-light-viewer js-pdf-light-viewer”> tag inside template:
<a href="#!" title="Previous" class="pdf-light-viewer-previous-page js-pdf-light-viewer-previous-page"> <i class="icons slicon-arrow-left"></i> </a> <a href="#!" title="Next" class="pdf-light-viewer-next-page js-pdf-light-viewer-next-page"> <i class="icons slicon-arrow-right"></i> </a>
3. Add css styles:
.pdf-light-viewer-previous-page {
position: absolute;
left: -50px;
top: 50%;
font-size: 70px;
}
.pdf-light-viewer-next-page {
position: absolute;
right: -50px;
top: 50%;
font-size: 70px;
}
In result you should receive something similar to this
Original question: https://support.wp.teamlead.pw/q/how-to-show-nextprevious-page-arrows-at-rightleft-edges-of-book/

