Scrollable list – vertical scroll

Content Views helps you to display posts in scrollable list easily without coding. By default, the posts list will scroll from right to left.
To use vertical scroll (bottom to top), please:

  • Add this code to Custom CSS field in Content Views >> Settings page:
    /* Scrollable list - vertical scroll */
    .vertical .carousel-inner{height:100%}.pt-cv-carousel.vertical .item{-webkit-transition:.6s ease-in-out top!important;-moz-transition:.6s ease-in-out top!important;-ms-transition:.6s ease-in-out top!important;-o-transition:.6s ease-in-out top!important;transition:.6s ease-in-out top!important}.pt-cv-carousel.vertical .active{top:0!important}.pt-cv-carousel.vertical .next{top:400px!important}.pt-cv-carousel.vertical .prev{top:-400px!important}.pt-cv-carousel.vertical .next.left,.pt-cv-carousel.vertical .prev.right{top:0!important}.pt-cv-carousel.vertical .active.left{top:-400px!important}.pt-cv-carousel.vertical .active.right{top:400px!important}.pt-cv-carousel.vertical .item{left:0!important;transform:none!important}
    
  • Add this code to Custom JS field in Content Views >> Settings page:
    $('.pt-cv-carousel').addClass('vertical')
    

Best regards,

Scroll to Top