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,