Code

Discussion on CSS3 Compare Pricing Tables

Discussion on CSS3 Compare Pricing Tables

Cart 3,838 sales

QuanticaLabs supports this item

Supported

This author's response time can be up to 1 business day.

167 comments found.

Hello Guys, I have already bought your pricing tables, REALLY ….. REALLY AMAZING so PROFESSIONAL ….. thanks for doing this kind of Job.

SO glad that people so “pro” like you put this work so affordable for us, REALLY THANKS …... i am so happy :D

Just one question, i need to customize the lenght of the columns, i see that this is so organized bye the main.css and the styles .css files, is there any particular class where i can fix the width of the columns or make them rezisables?

I will appreciate your support.

Happy face from Mexico, have a great day.

Thank you! :)

Please check our documentation under “How To…” paragraph.

File is updated:

New Ability To Add Ribbons To The Column Headers; 60 Ribbons In Two Styles; Added 8 Predefined Color Versions; Minor CSS And Documentation Changes.

Please redownload :-)

Hi, I’m looking a create a Pricing Table WordPress Plugin and your tables are superb :)

1. So does the extended license allow me to use them in my plugin (will sell it here).

2. Are the pricing table coded with HTML5 ? (weird question? I bought ones that are!)

Thank you and very nice work :)

Can I use this GREAT Table on – Non WordPress site ?

Thank You.

Sure you can :-)

I just sent you an email via your profile here on CodeCanyon. I’m having a CSS conflict with these pricing tables vs. my website’s main CSS . It needs to be resolved. Thank you.

Hi. I’ve replied to your email.

File is updated:

New Ability To Add Ribbons To The Column Headers; 60 Ribbons In Two Styles; Added 8 Predefined Color Versions; Minor CSS And Documentation Changes.

Please redownload :-)

I had a problem with the fonts and QuanticaLabs gave me in a few hours the right code to fix it. Now the pricing table looks very nice. Thanks for the help!

Thank you, no prob.! :)

File is updated:

New Ability To Add Ribbons To The Column Headers; 60 Ribbons In Two Styles; Added 8 Predefined Color Versions; Minor CSS And Documentation Changes.

Please redownload :-)

Looks great!

One suggestion would be to add the ability to add ticks or crosses to certain items instead of just ‘Yes’ and ‘No’.

With this added I think grid would do it all!

Well, you can still add ticks / crosses icons instead of text in html :)

Anyway thank you!

Awesome. Thanks for replying to my email so quickly!

Thank you, no prob.! :)

File is updated:

New Ability To Add Ribbons To The Column Headers; 60 Ribbons In Two Styles; Added 8 Predefined Color Versions; Minor CSS And Documentation Changes.

Please redownload :-)

Hi, I purchased this yesterday and something is not working. I emailed you at quanticalabs(at)gmail.com with the link to the table and have not received any response. Just wondering if you have received it. Thanks.

Just purchased. Great job and very flexible.

File is updated:

New Ability To Add Ribbons To The Column Headers; 60 Ribbons In Two Styles; Added 8 Predefined Color Versions; Minor CSS And Documentation Changes.

Please redownload :-)

Hey i need to add this on a wordpress page. I see others have also asked this question above. Can you please tell me a way & also include this maybe in the support docs too?

Hello, please contact me via e-mail. Thanks

File is updated:

New Ability To Add Ribbons To The Column Headers; 60 Ribbons In Two Styles; Added 8 Predefined Color Versions; Minor CSS And Documentation Changes.

Please redownload :-)

Hi QuanticalLabs

Just sent you an email for a bit of advice.

Regards John

Ok, thanks!

File is updated:

New Ability To Add Ribbons To The Column Headers; 60 Ribbons In Two Styles; Added 8 Predefined Color Versions; Minor CSS And Documentation Changes.

Please redownload :-)

Grat work. Is it possible to like have one colum already hovered? Like I have 7 columns and would like to have the 4th in the middle hovered.

Yes it’s possible. Send me an url to your page with table via e-mail.

File is updated:

New Ability To Add Ribbons To The Column Headers; 60 Ribbons In Two Styles; Added 8 Predefined Color Versions; Minor CSS And Documentation Changes.

Please redownload :-)

Is there a way to add hover to these on individual column items, like many of the other pricing tables have? This would be a huge plus, as I like the way yours looks the best but would prefer this functionality.

Thanks! e

It also helps to change the button to a %:

/* ==================== BUTTONS ==================== / / —common styles / div.p_table a.button_1, div.p_table a.button_2, div.p_table a.button_3, div.p_table a.button_4 { width: 80% !important; height: 37px !important; padding: 3px 0px 0px 0px !important; display: block !important; text-align: center !important; margin-left: auto !important; margin-right: auto !important; outline: none !important; / shadow / box-shadow: 0px 1px 0px rgba(0,0,0,0.15) !important; -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.15) !important; -moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.15) !important; / font / font-family: ‘YanoneKaffeesatzRegular’, arial, sans-serif !important; color: #ffffff !important; font-size: 24px !important; / poz correction / position: relative !important; top: 1px !important; / transitions */ -webkit-transition: all 0.15s ease-in-out !important; -moz-transition: all 0.15s ease-in-out !important; -o-transition: all 0.15s ease-in-out !important; -ms-transition: all 0.15s ease-in-out !important; transition: all 0.15s ease-in-out !important; }

File is updated:

New Ability To Add Ribbons To The Column Headers; 60 Ribbons In Two Styles; Added 8 Predefined Color Versions; Minor CSS And Documentation Changes.

Please redownload :-)

Hey ffeingolsays,

I fixed this by changing the width of the table and then making the columns % sized:

/* ==================== PRICING TABLE ==================== / / —base -- / div.p_table { width: 700px !important; / —width sum of div.caption_column, div.column_1, div.column_2, div.column_3, div.column_4 -- / height: 100% !important; font-size: 13px !important; font-family: arial, sans-serif !important; font-weight: normal !important; color: #303030 !important; margin-left: auto !important; margin-right: auto !important; }

/ ==================== CAPTION COLUMN ==================== / div.p_table div.caption_column { width: 20% !important; height: 100% !important; float: left !important; }

/ =================== COLUMN STYLE 1 ==================== / div.p_table div.column_1 { width: 20% !important; height: 100% !important; float: left !important; }

/ ==================== COLUMN STYLE 2 ==================== / div.p_table div.column_2 { width: 20% !important; height: 100% !important; float: left !important; }

/ ==================== COLUMN STYLE 3 ==================== / div.p_table div.column_3 { width: 20% !important; height: 100% !important; float: left !important; }

/ ==================== COLUMN STYLE 4 ==================== */ div.p_table div.column_4 { width: 20% !important; height: 100% !important; float: left !important; }

Hello,

We’re looking to use these pricing tables within wordpress. For five columns (1 column of ‘item lables and 4 columns of pricing) what is the minimum width we need in the content area? We’ve tried some of the other pricing tables and they just don’t fit or the JS rollovers force one column below the rest.

Thanks

Hello,

Please try our new product – WP dedicated version: http://codecanyon.net/item/css3-web-pricing-tables-grids-for-wordpress/629172

In one of our updates (available in the next few hours) you will be able to freely adjust the width of any single column.

Regards

...I expected a more thorough answer, but that is ok.

Please check documentation for details.

Can I add additional columns to this?

Of course you can

File is updated:

New Ability To Add Ribbons To The Column Headers; 60 Ribbons In Two Styles; Added 8 Predefined Color Versions; Minor CSS And Documentation Changes.

Please redownload :-)

I am trying to add these tables to my wordpress website on a page, but it is not working as the wordpress is showing the page without the css formating of the table. It is using the default css of the theme. How can I make wordpress read the css files that came with the tables and not the theme?

Please send me an e-mail and I’ll figure it out.

File is updated:

New Ability To Add Ribbons To The Column Headers; 60 Ribbons In Two Styles; Added 8 Predefined Color Versions; Minor CSS And Documentation Changes.

Please redownload :-)

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey