Joomla Templates Club 406,261 posts

[webexpertia Friend webexpertiaJoin date: February 2011Posts: 16Downloads:16Uploads:1 Thanks: 2]

#198727

Hi!
I would like to create a pricing table with 4 columns or more. How I can do it?

Thanks in advance for your help! 🙂

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#538709

Hi webexpertia,

easiest way is only to add 4 columns (for example) by changing div class:
from:
<div class=”col col-md-4 no-padding”>

change to:
<div class=”col col-md-3 no-padding”>

Example:
<div class=”col col-md-3 no-padding”>
<div class=”col-header text-center”>
<h2>Personal</h2>
<p>Perfect for your blog</p>
</div>
<div class=”col-body”>
<ul>
<li class=”row0 yes”>Unlimited bandwidth</li>
<li class=”row1 yes”>Unlimited products</li>
<li class=”row0 yes”>1 GB File storage</li>
<li class=”row1 yes”>2.0% Transaction fee</li>
<li class=”row0 yes”>Discount code engine</li>
<li class=”row1 yes”>24×7 Phone support</li>
<li class=”row0 no”>Gift cards</li>
<li class=”row1 no”>Abandoned cart recovery</li>
<li class=”row0 no”>Professional reports</li>
<li class=”row1 no”>Advanced report builder</li>
<li class=”row0″><span class=”big-number”>^$34^.99</span></li>
</ul>
</div>
<div class=”col-footer text-center”>
<a class=”btn btn-lg btn-default”>Sign up</a>
</div>
</div>

2 users say Thank You to fmfame for this useful post

1. Arvind Chauhan
2. webexpertia

[webexpertia Friend webexpertiaJoin date: February 2011Posts: 16Downloads:16Uploads:1 Thanks: 2]

#538733

Thanks a lot!
Solved! 🙂

[Author]

Posts