Tables per row - devices

Specify the amount of pricing tables you want to have per row.

Make sure to specify the amount for large screens (desktop, ...), medium screens (tablet, ...) and small screens (phone, ...).

Plan name

Each pricing table has a 'Plan name',
​type the name inside of the input field.

plan name: font family

The text input can have any font family and font weight you would like, any font from the Google font library can be chosen.
If you are using a custom font on your theme or are already loading a font family from the Google library you can include the correct name and use the 'Custom Font' option, this way you can reduce requests made to load fonts.

custom font

Please make sure to use the correct name in the 'Custom font name' input field to avoid any mistakes it is suggested to copy the entire font name including quotes and fallback font in case needed.

You can select the font weight going from hairline to black, do please note that note each font family will have all of these weights available, so before selecting the weight make sure your site is loading the required font weight.

By default the font style will be set to 'Normal', you can also if desired set this to 'Italic'.

* Do note that our dashboard is most likely not going to be loading the custom font you have selected,
so the representation of the text in the button will fallback to whatever you have set.

font size

Font size is being set in pixels.

Plan title colort

Use the color picker tool to select your color or 
include a valid color value such as hex or rgb.

Background

Use the color picker tool to select your color or 
include a valid color value such as hex or rgb.

Price

Add the pricing of the table inside of the input field.

Currency

Add the currency of the pricing in the input field.

Align currency

You can vertically align the currency relative to the price text:

• sub
• baseline
• super

Add item

Click the 'Add Item' button to append a new item at the bottom of the list,
items can be sorted as needed using the drag icon, positioned at the right of each list item.

Use check icon

If 'Use check icon' is toggled on, a check icon will be prepended before each list item in your table.

​You can specify its color and font size as needed.

Button text

Input the button text in the field for your call to action button.

button link

Include a link for your button inside of the table
and specify if it needs to be opened in the same or a new window.

Table actions

You can add a new pricing table by clicking on the green rounded '+' button.

Tables can be dragged around to reorder them as needed by grabbing the drag icon centrally located at the top of each pricing table.

A table can be removed by clicking on the delete button at the top right, 
this action is permanent and can not be reversed.

To save time you can use the 'Copy' action button, the table along with its items and styles will be copied.
This action can save you quite some time.

All of the settings can be accessed by clicking on the left positioned blue gear icon.