Shuffle Filter – show the filters on the left and the result on the right, or vice versa

The Shuffle Filter feature of Content Views Pro helps you to show category, tag and custom taxonomy as options to filter result with animation (see demo).
By default, filters will be display above result.

  • To show the filters on the left and the result on the right, please add this code to Custom CSS field (the left textarea) in Content Views >> Settings page:
    [id^="pt-cv-filter-bar-VIEWID"] {
        width: 20% !important;
        float: left !important;
    }
    [id^="pt-cv-filter-bar-VIEWID"] .btn, 
    [id^="pt-cv-filter-bar-VIEWID"] .pt-cv-filter-egroup {
        width: 100% !important;
    }
    #pt-cv-view-VIEWID {
        clear: none !important;
        margin-left: 20% !important;
    }
    
  • To show the filters on the right and the result on the left, please add this code to Custom CSS field (the left textarea) in Content Views >> Settings page:
    [id^="pt-cv-filter-bar-VIEWID"] {
        width: 20% !important;
        float: right !important;
    }
    [id^="pt-cv-filter-bar-VIEWID"] .btn, 
    [id^="pt-cv-filter-bar-VIEWID"] .pt-cv-filter-egroup {
        width: 100% !important;
    }
    #pt-cv-view-VIEWID {
        clear: none !important;
        margin-right: 20% !important;
    }
    

(replace VIEWID in above code with ID of your View)

Best regards,