WordPress.org

Ready to get started?Download WordPress

Plugin Directory

IND Pricing Table

IND CSS3 Pricing Table

How to use IND CSS3 Pricing Table?

  • Go to "Create New Table"
  • Fill up the available form. *Parent column will be the first column that contains any feature's name. This is optional. *Core columns are the columns those contains the plan name, price, features and button.
  • To add column, click "Add Column" (red button).
  • To remove column, click "Remove Column" button that will showed up after "Add Column" button when the available column is more than one.
  • To add row, click the '+' button next to 'Feature' field.
  • To remove row, click the 'x' button next to 'Feature' field.
  • To sort 'Feature' field, click and hold '<^>' and move it to the place you want then drag. Please not that the feature can only be placed in the feature area.

How do I change the color and width?

You can specify the color and layout with the tool available in "Table Color and Layout" section (below the Cpre Columns section).

  • BACKGROUND GRADIENT is the main table color. This tool is to specify the color of your pricing table.
  • "top" is the top color of table color gradient.
  • "bottom" is the bottom color of table color gradient.

  • FONT / TEXT

  • Font Family - Type the font name to specify the font of your pricing table. Please do google search on how to add font to wordpress if you want to use your own font.
  • text color: color of the text
  • text shadow: h = horisontal shadow, v = vertical shadow, blur= shadow blur spread. Just type number in the form field, no need to use 'px'.

  • Plan width: The width of each column of "Core Columns"

  • default width: is the width of the core columns before hover.
  • hover width: is the width of the core columns when mouse is hovered above the column. Just type number to specify the width, no need to use 'px'. Please not that you should give proper width or it will make one of the column go under another columns.

  • Button Style You can use this tool to styling the button. *button text color: color of the button's text.

  • Gradient Default is the button color before hover *top: top color of the button gradient. bottom: bottom color of the button gradient

  • Gradient Hover Button color when the mouse is hovered *top: top color of the button gradient. *bottom: bottom color of the button gradient.

Click Publish after you finish. and insert the shortcode in the page as you wish to display the pricing table.

How To Preview The Table?

There are currently no preview tool available for this plugin, so you need to place the shorcode to the page you wish and reload it each time you save any change created to your pricing table. You could create a test page for previewing.

How to center the table position?

To center the table, just use center tag with the shortcode (you need to do it with the html editor of wordpress post/ page editor to do this). Example: [ind_pricingtable id="1149"].

Please note that center tag will only work for the 'Core Columns' and does not affecting the "Parent Column". So it is not recommended to center the table with the center tag when you use "Parent Column" on your table. The best practice to center the table with "Parent Column" is by specifying margin-left of div#parenttable in the css file named indshow.css inside the "css" folder of this plugin.

How to remove the "Parent Column"?

Empty the "Text" field and delete each "Feature's Name" field after the first field of its sort by clicking the 'x' button next to it, then leave one field blank by deleting its content and then click "Update" button.

What should I not do?

Please do not do the following: - Remove "Feature" or "Feature's Name" field when there are only one kind of its sort in the form. If it is happen, then just reload the table editor.

If you have another question/s regarding this wp plugin, then please post your question on the support forum.

Requires: 3.3 or higher
Compatible up to: 3.8.3
Last Updated: 2014-3-1
Downloads: 2,839

Ratings

3 stars
3 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1