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.

Item is updated:

04.2013 – v5.0

  • Added Possibility To Set One Or Many Columns As Active (Popped-Up) By Default
  • Ribbons PSD Source Included In Zip Package
  • Fixed An Issue With Shadow On Hover (White Triangle Bug)
  • Documentation Update


Please redownload.

You should remove those raised screenshots from Code Canyon since you don’t provide that functionality with the purchase. I bought this product because it showed this. I don’t feel we should have to pay extra for something you advertised. THERE IS NO RAISED OPTIONS.

Yes, there is no raised / column stand out option by default. What you can see on screenshots is column hover effect. Anyway I’ll release an update with such functionality next week.

Thank you really much… A lot of us are looking forward to have this update. That’s really client services. Great purchase, I’ll give you 5 stars.

Update is already in queue. You’ll be notified by envato. You can also follow us on twitter to be notified about this update.

Hi,

Love your Pricing Tables… Is there a way to add a tooltip, without having to use an code? It would be nice to have a tooltip appear, but not have the page go anywhere if clicked.

Thanks,

Amanda

Hi, you can replace ‘a’ tag for tooltip with e.g. ‘cite’, ‘pre’, ‘u’, ‘i’ or whatever tag you wish. Then just open main.css, go to line 491 where is a tooltips part and change ‘a’ tags to your new tag. If you need further assistance please register on our support forum.

How to import the table because nothing seem to work, please help i am new to wordpress.

Hello, please make sure you bought a proper version. Here is a WP dedicated plugin: http://codecanyon.net/item/css3-web-pricing-tables-grids-for-wordpress/629172

Great one! Challenge accepted :D:p

I use the pricing table for all my landing pages. They look great but I just had my pages analyzed and I’m told that the pricing tables use h1 tags. Apparently this is a big SEO no-no, and was listed as the No. 1 issue to resolve. I was recommended to replace all of the h tags used in the pricing table because the h tags are designed for heading content but don’t know how. All of my attempts result in broken styles.

Hi, the pricing table is a standalone product and yes it use h1 / h2 tags for column headers but there is nothing wrong with that. If you intend to use it on the website where you have h1 headlines already you can replace h1 with h2 and h2 with h3 in your html and css.

How can I use this table on Joomla?

Hello, please register on our Support Forum. There you’ll find a pinned topic with joomla integration instructions. Thank you.

Thanks. Will check it out.

Was able to customize this very well with Firebug. This helped me a lot – thank you!

Is there any possibility to set a tooltip over a backgroundimage?

Thankx

What image do you mean? Did you put an image in table cell?

Thanks! ;)

Thank you for your purchase! :)

Hi, I just bought and downloaded your pricing tables, but I think I see a small little bug:

When hovering in table1 >> style_1, the top left corner of the box shadow is not rounded with the popped out tile leaving a white space. Please fix :)

I’ll try to find some workaround, thanks.

Ah I figured it out. A small modification to the CSS, the box shadow needed a top left radius applied to it… now the border hugs the edge of the popped out element nicely.

Nice work…

There is any posibility to added a button to show more?

like my resources is a big list, so i would like to have a button to show more information…. so when user click the button it will show couple more lines.

the is any possibility??

thanks ds

Hello,

It would require an extensive custom modification.

First: I really love this :)

But, as asked before. How can i have one column be highlighted (stand out) per default and only if you hover the others they stand out (and the default one optimally shrinks until you move the mouse out again and the default highlights again).

I have seen this in the screenshots for instance: http://codecanyon.net/theme_previews/234948-css3-web-pricing-tables-pack-grids-?index=6

Hello,

such functionality isn’t available. What you see in the screenshots is hover over the column. If you are interested I can create for you an additional css file as a freelance job. Thanks.

hi , How can I have a column bigger the same when mouse over but by default to highlight a plan?

thanks

Hello,
Support for all our items is conducted through our Support Forum. Please register an account and search the forum or create a new topic, we’ll answer as soon as possible. Thank you!

Hey QuanticaLabs, we are looking for some great pricing tables and love to purchase yours, possibly even more for future websites, however it would be awesome if you could make them responsive any time soon, so that the future of your grandios pricing tables is safe and aligned with modern webdesign standards ;) Do you plan on implimenting this already??Thanks

Yes I plan responsive but I can not give you any specific date at the moment. Please follow us on twitter to get notified.

Hi. Tables are now responsive, please check the changelog. Thank you.

Amazing looking tables.

Thanks for these!

Thank you for your purchase! :)

Conflict with bootstrap tooltips…

Hello,

We’ve launched a support forum for our products and from now all support requests will be answered only on forum. You can access it here – http://support.quanticalabs.com Please register an account and create new topic, we’ll answer as soon as possible. Thank you!

Great looking tables and support from QLabs!

Needed a quick fix. Guys responded with a solution in no time. I will surely buy more from them in future.

Cheers! - Ned

Thank you Ned! :)

How to make the pricing table center?

Hello, please contact me via e-mail form on my profile page.

I must say.. this is a fantastic table and is insanely appreciated! It took a bit of getting used to popping it on Joomla! but once I figured out the obvious margin tag in the main.css and reduced that to 0 or none it was smooth sailing from there.

Thanks for the awesome file and it really is no wonder why you have been so successful with this product!

Congrats on a job well done and again… big thanks!

Regards,

JM

PS: There really is no need to add this to your your joomla template css file or typography folders. Why make it so difficult? Just put the (www) in your joomla root.. change the margins in the main.css—I renamed mine to main_form.css just to avoid conflicts.. take the <link rel=””> and just add them right on top of your table in the article (( Make sure to modify these to reflect the changes, ie; <link rel=”stylesheet” type=”text/css” href=”www/styles/main_form.css” /> ... and so on )). It really is that simple. Hence, my happiness to have found you!

...and P.S.S: It seems simple enough to make this responsive if I am not mistaken. Just replace your static width to percentages in equal values and it should be set. Again, I am going to play with that soon enough.

o/

Thank you for these very kind words and for some advice related to Joomla :)

Regards, QuanticaLabs

Hi. Tables are now responsive, please check the changelog. Thank you.

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