{"id":1841,"date":"2017-07-18T04:58:28","date_gmt":"2017-07-18T04:58:28","guid":{"rendered":"http:\/\/docs.contentviewspro.com\/?p=1841"},"modified":"2023-12-27T10:45:00","modified_gmt":"2023-12-27T10:45:00","password":"","slug":"show-options-of-shuffle-filter-dropdown-in-2-columns","status":"publish","type":"docs","link":"https:\/\/contentviewspro.com\/documentation\/article\/show-options-of-shuffle-filter-dropdown-in-2-columns\/","title":{"rendered":"Shuffle Filter &#8211; show Dropdown options in 2 columns"},"content":{"rendered":"<p>If you have a lot of options, it will be friendly to show options in 2 columns, to help visitors to select filters without scrolling too much.<br \/>\nTo do it, please add this code to <strong>Custom CSS<\/strong> field in Content Views >> Settings page:<\/p>\n<pre style=\"font-size:13px\">\n.pt-cv-wrapper [id^=\"pt-cv-filter-bar-VIEWID\"] >.dropdown-menu {min-width:400px}\n.pt-cv-wrapper [id^=\"pt-cv-filter-bar-VIEWID\"] ul.dropdown-menu li {width:48%!important;display:inline-block}\n<\/pre>\n<p>(replace <strong>VIEWID<\/strong> with ID of your View).<\/p>\n<p>To make it works with ALL dropdown filters, please use this code instead:<\/p>\n<pre style=\"font-size:13px\">\ndiv.pt-cv-wrapper .pt-cv-filter-bar >.dropdown-menu {min-width:400px}\ndiv.pt-cv-wrapper .pt-cv-filter-bar ul.dropdown-menu li {width:48%!important;display:inline-block}\n<\/pre>\n<p>Best regards,<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you have a lot of options, it will be friendly to show options in 2 columns, to help visitors to select filters without scrolling too much. To do it, please add this code to Custom CSS field in Content Views >> Settings page: .pt-cv-wrapper [id^=&#8221;pt-cv-filter-bar-VIEWID&#8221;] >.dropdown-menu {min-width:400px} .pt-cv-wrapper [id^=&#8221;pt-cv-filter-bar-VIEWID&#8221;] ul.dropdown-menu li {width:48%!important;display:inline-block} (replace VIEWID &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/contentviewspro.com\/documentation\/article\/show-options-of-shuffle-filter-dropdown-in-2-columns\/\"> <span class=\"screen-reader-text\">Shuffle Filter &#8211; show Dropdown options in 2 columns<\/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":[53],"doc_tag":[33],"class_list":["post-1841","docs","type-docs","status-publish","hentry","doc_category-shuffle-filter","doc_tag-shuffle-filter"],"year_month":"2026-09","word_count":96,"total_views":"1","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":"Shuffle Filter","term_url":"https:\/\/contentviewspro.com\/documentation\/cats\/shuffle-filter\/"}],"doc_tag_info":[{"term_name":"shuffle filter","term_url":"https:\/\/contentviewspro.com\/documentation\/tags\/shuffle-filter\/"}],"_links":{"self":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/1841","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=1841"}],"version-history":[{"count":1,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/1841\/revisions"}],"predecessor-version":[{"id":5427,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/1841\/revisions\/5427"}],"wp:attachment":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/media?parent=1841"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=1841"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=1841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}