Hi, I have a site with a slider view on it. The view populates properly and all, but the scrolling buttons on it don't behave properly. the left one starts deactivated, the right one active. Clicking the right scroll once works properly, but after that it just repeats the same page. The left one _sometimes_ starts to work, but also only scrolls back to the current page.
The pagination buttons are in the 'Output Editor' section of the toolset view, as follows:
<div class="blog-carousel">
[wpv-filter-meta-html]
[wpv-layout-meta-html]
[wpv-pagination]<ul class="pagination">
<li class="page-item">[wpv-pager-prev-page force="true"]<i class="fa fa-angle-left" aria-hidden="true">[/wpv-pager-prev-page]
<li class="page-item">[wpv-pager-next-page force="true"]<i class="fa fa-angle-right" aria-hidden="true">[/wpv-pager-next-page]
[/wpv-pagination]
</div>
site link: hidden link, the "NEWSROOM" section on the homepage
Hello,
Please try these:
Edit the post view you mentioned above, and move the pagination shortcode into section "Loop Editor", just above shortcode [wpv-layout-end], for example:
[wpv-pagination][wpv-pagination]<ul class="pagination">
<li class="page-item">[wpv-pager-prev-page force="true"]<i class="fa fa-angle-left" aria-hidden="true">[/wpv-pager-prev-page]
<li class="page-item">[wpv-pager-next-page force="true"]<i class="fa fa-angle-right" aria-hidden="true">[/wpv-pager-next-page]
</ul>
[/wpv-pagination]
[wpv-layout-end]
And test again
Fantastic, that's a step in the right direction. The buttons now work as expected, but while its scrolling, they move from the outside of the content to inside the content. Is there any way to avoid this?
It is a CSS issue, you can hide the pagination when pagination transmission with custom CSS codes, for example:
.wpv_slide_remove .pagination{display:none;}
