Side-by-Side Pricing Plans: How to Control the Width of Each Pricing Column


In this article learn how to align the pricing tables into one line using simple CSS classes that can be applied to the Pricing Menu located in the Menu Manager. 

4 Pricing Packages

Add the "col-md-3" class:

3 Pricing Packages

Add the "col-md-4" class:

2 Pricing Packages 

Add the "col-md-4" class:

1 Pricing Package

Add the "col-md-4" class.

The Pricing Page Title and Font Color can be changed by going to Settings - Design Settings - General: