{"id":2860,"date":"2018-02-07T09:12:00","date_gmt":"2018-02-07T09:12:00","guid":{"rendered":"https:\/\/docs.contentviewspro.com\/?p=2860"},"modified":"2025-08-21T08:52:52","modified_gmt":"2025-08-21T08:52:52","password":"","slug":"live-filter-show-filters-vertically-or-horizontally","status":"publish","type":"docs","link":"https:\/\/contentviewspro.com\/documentation\/article\/live-filter-show-filters-vertically-or-horizontally\/","title":{"rendered":"Live Filter &#8211; show filters vertically or horizontally"},"content":{"rendered":"<h2>Vertically<\/h2>\n<p>To show filter vertically, please add this code to <strong>Custom CSS<\/strong> field (the left textarea) in Content Views &gt;&gt; Settings page:<\/p>\n<pre style=\"font-size: 13px;\">\/* Live Filter - show filters vertically *\/\n.cvp-live-filter {display: block!important;}\n<\/pre>\n<h2>Horizontally (next to each other)<\/h2>\n<p>To show filter horizontally, please add this code to <strong>Custom CSS<\/strong> field (the left textarea) in Content Views &gt;&gt; Settings page:<\/p>\n<pre style=\"font-size: 13px;\">\/* Live Filter - show filters horizontally *\/\n.cvp-live-filter,.cvp-live-button{display:inline-block!important;vertical-align:bottom!important}\n<\/pre>\n<p>Best regards,<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vertically To show filter vertically, please add this code to Custom CSS field (the left textarea) in Content Views &gt;&gt; Settings page: \/* Live Filter &#8211; show filters vertically *\/ .cvp-live-filter {display: block!important;} Horizontally (next to each other) To show filter horizontally, please add this code to Custom CSS field (the left textarea) in Content &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/contentviewspro.com\/documentation\/article\/live-filter-show-filters-vertically-or-horizontally\/\"> <span class=\"screen-reader-text\">Live Filter &#8211; show filters vertically or horizontally<\/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":[46],"doc_tag":[29,35],"class_list":["post-2860","docs","type-docs","status-publish","hentry","doc_category-live-filter","doc_tag-custom-css","doc_tag-live-filter"],"year_month":"2026-09","word_count":76,"total_views":"2","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":"Live Filter (Frontend Search &amp; Filter)","term_url":"https:\/\/contentviewspro.com\/documentation\/cats\/live-filter\/"}],"doc_tag_info":[{"term_name":"custom CSS","term_url":"https:\/\/contentviewspro.com\/documentation\/tags\/custom-css\/"},{"term_name":"live filter","term_url":"https:\/\/contentviewspro.com\/documentation\/tags\/live-filter\/"}],"_links":{"self":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/2860","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=2860"}],"version-history":[{"count":2,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/2860\/revisions"}],"predecessor-version":[{"id":6149,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/2860\/revisions\/6149"}],"wp:attachment":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/media?parent=2860"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=2860"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=2860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}