Home Knowledge Base knowledgebases PDF Light Viewer Plugin How to position next and previous page arrows at the right and left edges of the book?

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

screenshot-pdf-light-viewer-dev-2017-01-24-01-05-14

Original question: https://support.wp.teamlead.pw/q/how-to-show-nextprevious-page-arrows-at-rightleft-edges-of-book/