How to use it?
- Install and activate the plugin
- Go to "Create New Table"
- Fill up the available form.
Parent column is the first column showed up on the demo above. you can leave it blank.
Core columns are the columns after parent column.
- 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.
You can specify the color and layout with the tool available in "Table Color and Layout" section.
BACKGROUND GRADIENT is the main table color.
FONT / TEXT
- Font Family- Type the font name. please do google search on how to add font to wordpress.
- text color: color of the text
- text shadow: h = horisontal shadow, v = vertical shadow, blur= shadow blur spread. Just type number in the for, no need to use 'px'.
Plan width:
- 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'.
Button Style
Styling the button.
button text color: color of the button's text.
Gradient Default
button color before hover
top: top color of the gradient.
bottom: bottom color of the gradient
Gradient Hover
Button color when the mouse is hovered
top: top color of the gradient.
bottom: bottom color of the gradient.
Click Publish after you finish. and insert the shortcode in the page as you wish to display the pricing table.
- Centering 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: < center >[ind_pricingtable id="1149"]< / center >. "Remove the space in the center tag."
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. You could center the table with "Parent Column" by specifying margin-right of div#parenttable in the css file named indshow.css
Hidden Block (you must be registered and have 1 posts):You do not have sufficient rights to see the hidden data contained here.
Bookmarks