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

Link: https://support.brilliantdirectories.com/support/solutions/articles/12000034724-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: