Discussion on CSS3 Responsive Web Pricing Tables Grids

Discussion on CSS3 Responsive Web Pricing Tables Grids

Cart 3,827 sales

QuanticaLabs supports this item


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

166 comments found.

Pls delete this comment. I was under the false impression that this plugin was broken. It simply had a conflict with another plugin I use. Bought it in 2013 and continue to like a lot!

By the way, thank you for creating pricing tables which can be customized to brand colors. It is most appreciated!

Hello! Q.1: Can these tables be embedded in any kind of website? Q.2: Is there a version of this where I can select my own header colors, by inputting the hex codes, so they match my client’s brand colors?

Hello, 1) for WordPress based websites there is a dedicated WP version available here: and I recommend this version because of the editor. The CSS3 version will work on any other HTML/PHP based website. 2) tables are available in many color variants, but it is still possible to customize them by editing CSS style sheets. It’s not difficult, each color scheme is a separate file and the changes are limited to entering the colors in hex format. Thanks!

Thank you! This would not be for a WordPress site, but it sounds exactly like what I was expecting.

Hi, is it fit for mobile screen (each table, each screen down)?

Hi, yes it’s 100% responsive as you can see on live preview video. Thanks


The easiest way would be to edit the stylesheet.css file, i.e. open this file and paste the contents of css files from Responsive Web Pricing Tables Grids into it (these are main.css, active.css, responsive.css and e.g. style_1.css). Later, create a custom page in Open Cart (google “Creating a Custom Page in OpenCart 3”) and post the HTML from Responsive Web Pricing Tables Grids on this new page.

FYI: CSS3 Pricing Tables Grids For WordPress does not use the fonts specified in the FONTS CONFIGURATION setting. In particular despite the pull down specifying the font weights, they are overridden by other code that’s hardcoded and css so it will be ignored. Other fonts are also hardcoded in so you’ll have to fix the css yourself in the theme.

This is css/html version of the plugin, WordPress version is available here: Fonts configuration works well on our end, so there is probably some conflict on your end. Please create a topic on our Support Forum and our team will help you with that.

nah no need just letting you know

Is there any way to remove font calls, as I already load the google fonts myself. I don’t neeed the ‘Yanone Kaffeesatz’ too

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!

too bad my support is over, so I’ll fix this bug myself

Hello, I do not see an option to modify existing table (change price, etc.). I have version Version 10.1 , can you please help?

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!

Hi, When the user click on the “buy now” button on your pricing table, can it directly go to the woocommerce check-out page and make the payment with woocommerce?

You can set any custom url for ‘buy now’ button, so if you have the link which will send the customer to the woocommerce check-out page then it is possible.

Hello,i have grid but dont have plugin can i use templates with other free plugin? :)

Hello, yes/ you can use css from this item to build a different product or plugin based on it as long as you don’t charge fees or sell this product. Thanks

Hello,before I will purchase I need to know if the content of the pricing table is in html or in javascript.

It is in html.

Hello .. I hope you have great sales at this site .. Follow me TOO :D

With gratitude

I want to buy this but have couple questions:

1. Will it work perfectly with wordpress/woocommerce? 2. Can the tables slide horizontally when viewing on mobile devices? Vertically scrolling a pricing table is not user friendly.

This is a perfect example of horizontal scrolling:

We have a dedicated version for WordPress, please check it here:

It also has scrolling functionality included, which you can test on mobile devices on demo page:

Is this compatible with shopify?

If you have FTP access (or at least CSS / HTML editor) you can use the HTML version on your website. A brief, general guide can be found here: Thanks

I think it is not quite responsive, because if I have 8 columns or more, I would like the columns to be placed one below the other. Not only that they became narrower

Please create new topic on our support forum and our support team will help you to set the table as you would like to.

As I haven’t buy it, I only need to know if it is possible in responsive mode to have 2 or 3 columns instead 8 in normal view

It all depends on the number of columns and user requirements but yes, it’s possible to display single column on mobile. Instructions can be found in this topic: Thanks

is there any onmouseover animation in files or cells? thanks

There is a hover on column. Thanks

is there a possibility to change the colors also? Now there are standard templates but it would be nice if there is a possibility to change the colors to your own colors.

You can do that only with custom css code. There are 26 predefined styles but to customize them you need to use css code.

I have CSS3 Web Pricing Tables Grids and am attempting to create a table with 70 rows. I was able to create 47 rows with no problems, after 47 the changes I make will not save.. When I try to “save options”, my changes go away and it takes me back to a new table. I have to go back to the drop down menu, find the table I was working in, and try again with no luck. I read that with this product I’m able to have unlimited amounts of rows, not sure why it’s not allowing more than 47. Any help is greatly appreciated.

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!

The html live preview is down.

Fixed, thank you.

Is this up-to-date and everything still working? No update for 1 year and 7 month makes me feel a bit insecure…. Is this also full responsive for mobile? In the video is only shown that the table is compressed but it doesn´t show that they break into news lines. It would be look ugly af with much content and a bit more text if it doesnt break into news lines ( example ).... Is it also possible to use only 2 or 3 columns or more than 4?

Hi. It really depends of table content. If it’s simple or yes/no then several columns next to each other on mobile is legible. You can set in CSS to display columns one below the other on mobile devices. The solution is available on support forum. As for number of columns, you can use any number. In documentation you will find how to add or remove a column.


Tell us what you think!

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

Sure, take me to the survey