{"id":1910,"date":"2017-08-04T08:50:47","date_gmt":"2017-08-04T08:50:47","guid":{"rendered":"http:\/\/docs.contentviewspro.com\/?p=1910"},"modified":"2017-08-04T08:50:47","modified_gmt":"2017-08-04T08:50:47","password":"","slug":"vertical-scroll-scrollable-list","status":"publish","type":"docs","link":"https:\/\/contentviewspro.com\/documentation\/article\/vertical-scroll-scrollable-list\/","title":{"rendered":"Scrollable list &#8211; vertical scroll"},"content":{"rendered":"<p>Content Views helps you to display posts in scrollable list easily without coding. By default, the posts list will scroll from right to left.<br \/>\nTo use vertical scroll (bottom to top), please:<\/p>\n<ul>\n<li>Add this code to <strong>Custom CSS<\/strong> field in Content Views >> Settings page:\n<pre style=\"font-size:13px\">\n\/* Scrollable list - vertical scroll *\/\n.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}\n<\/pre>\n<\/li>\n<li>Add this code to <strong>Custom JS<\/strong> field in Content Views >> Settings page:\n<pre style=\"font-size:13px\">\n$('.pt-cv-carousel').addClass('vertical')\n<\/pre>\n<\/li>\n<\/ul>\n<p>Best regards,<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 &#8211; vertical scroll *\/ .vertical .carousel-inner{height:100%}.pt-cv-carousel.vertical .item{-webkit-transition:.6s &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/contentviewspro.com\/documentation\/article\/vertical-scroll-scrollable-list\/\"> <span class=\"screen-reader-text\">Scrollable list &#8211; vertical scroll<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"doc_category":[25],"doc_tag":[24],"class_list":["post-1910","docs","type-docs","status-publish","hentry","doc_category-adjustment","doc_tag-scrollable-list"],"year_month":"2026-09","word_count":149,"total_views":"3","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"CVP","author_nicename":"cvp","author_url":"https:\/\/contentviewspro.com\/documentation\/author\/cvp\/"},"doc_category_info":[{"term_name":"Adjustment","term_url":"https:\/\/contentviewspro.com\/documentation\/cats\/adjustment\/"}],"doc_tag_info":[{"term_name":"scrollable list","term_url":"https:\/\/contentviewspro.com\/documentation\/tags\/scrollable-list\/"}],"_links":{"self":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/1910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/comments?post=1910"}],"version-history":[{"count":0,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/1910\/revisions"}],"wp:attachment":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/media?parent=1910"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=1910"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=1910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}