Pricing layout 2 columns

1. When I put pricing layout in two columns it breaks, and is not aligned to centre.

2. Any idea how to remove hefo_before: 0 and hefo_after: 0 from the page, appeared after we removed some content?

Here is the pricing code I use:

Code: Select all

<div class="gk-price-table gk-price-table-animated col2">
<dl>
<dl class="gk-premium">
<dt>Professional</dt>
<dd class="gk-price">$499<small>/ month</small></dd>
<dd>Unlimited Storage</dd>
<dd>Unlimited Transactions</dd>
<dd>Unlimited Contacts</dd>
<dd>Unlimited Users</dd>
<dd>Try it for 14 days free!</dd>
<dd><a href="#">Sign up</a></dd>
</dl>

<dl>
<dt>Custom</dt>
<dd>Unlimited Storage</dd>
<dd>Unlimited Transactions</dd>
<dd>Unlimited Contacts</dd>
<dd>Unlimited Users</dd>
<dd><a href="#">Contact Us</a></dd>
</dl>

Site is currently here:

http://einsights.net/wp/features/pricing

Much thanks for a quick help!

Hello,

1. Your code has syntax error - unnecessary <dl> element and not closed <div> tag. Please check the below code:

Code: Select all

<div class="gk-price-table gk-price-table-animated col2">
<dl class="gk-premium">
<dt>Professional</dt>
<dd class="gk-price">$499<small>/ month</small></dd>
<dd>Unlimited Storage</dd>
<dd>Unlimited Transactions</dd>
<dd>Unlimited Contacts</dd>
<dd>Unlimited Users</dd>
<dd>Try it for 14 days free!</dd>
<dd><a href="#">Sign up</a></dd>
</dl>

<dl>
<dt>Custom</dt>
<dd>Unlimited Storage</dd>
<dd>Unlimited Transactions</dd>
<dd>Unlimited Contacts</dd>
<dd>Unlimited Users</dd>
<dd><a href="#">Contact Us</a></dd>
</dl>
</div>

2. Please read this article: http://www.gavick.com/blog/gavernwp-qui ... st-fields/

Thanks very much for your help, worked like a charm!