Show Views in columns

You can show multiple Views in columns with Content Views Pro.

First, please add this code to Custom CSS field in Content Views >> Settings page:

.pt-cv-wrapper [class*="col-"] {box-sizing: border-box;}

Then insert below HTML to where you want to show the views in columns:

  • Show 2 Views in 2 columns, please use this HTML:
    <div class="pt-cv-wrapper">
    	<div class="row">
    		<div class="col-md-6 col-sm-6">
    			[pt_view id="VIEW_1"]
    		</div>
    		<div class="col-md-6 col-sm-6">
    			[pt_view id="VIEW_2"]
    		</div>
    	</div>
    </div>
    
  • Show 3 Views in 3 columns, please use this HTML:
    <div class="pt-cv-wrapper">
    	<div class="row">
    		<div class="col-md-4 col-sm-4">
    			[pt_view id="VIEW_1"]
    		</div>
    		<div class="col-md-4 col-sm-4">
    			[pt_view id="VIEW_2"]		
    		</div>
    		<div class="col-md-4 col-sm-4">
    			[pt_view id="VIEW_3"]
    		</div>
    	</div>
    </div>
    

To show columns vertically on tablet device, please remove col-sm-6, col-sm-4 from class of divs.

Best regards,

Scroll to Top