Article suggestions
  1. Home
  2. Side-by-Side Pricing Plans
  3. Side-by-Side Pricing Plans: How to Control the Width of Each Pricing Column

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

Side-by-Side Pricing Plans: How to Control the Width of Each Pricing Column 4 Pricing Packages 3 Pricing Packages 2 Pricing Packages 1 Pricing Package
  • avatar
Written by Chan Nier
Updated on February 19, 2025

Link: https://support.brilliantdirectories.com/support/solutions/articles/12000034724

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:


Thank you for leaving a rating!
Did you find this article helpful?
0 out of 0 people found this article helpful so far
Can't find what you're looking for? Get in touch
How can we help?
Send your question below and we'll get back to you as soon as possible.
Cancel
translation missing: en.kb.default.contact_form_error
×
Thanks for your message!
Thanks for your message!
×