Pricing Tables

This shortcode allows adding a section with pricing tables to the page.

Layouts:

Here you can choose template style for your Pricing Tables shortcode (Classic, Karma Construction Simple or Vestry Simple)

Classic Layout:

Content Settings:

Heading - Please, enter the text for the ing. 

Price - Here you can add the price for the pricing item.

Description - Here you can add the description for the pricing item.

Tag Line - Please, add the text for the tag line here.

Link Text - Add link text the button.

Link - Add URL to the button.

Link Settings:

Change default settings for link - Turn on the switcher if you want to change default settings for the link.

Link color - Choose a color for the link from the color palette.

 Link color on hover - Choose a color for the link on hover from the color palette.

Link background color - Choose a color for the link background from the color palette.

Link background color on hover - Choose a color for the link background on hover from the color palette.

Link border - Choose a color for the link border from the color palette.

Link border on hover - Choose a color for the link border from the color palette.

Icon Settings:

Add icon? - Turn on the switcher to add the icon for the current button. If you turn on the switcher, there are the next items:

Icon items:

  • Icon library - Please, select the icon library.
  • Icon color - Please, choose the icon color from the color palette.
  • Icon font size - Enter icon font size with units. just use the number.

Karma Construction Simple Layout:

Content Settings:

Heading - Here you can add the text for the heading.

Price - Here you can add the price for the pricing item.

Add item - Please, add the item to create and edit the feature.

Features:

  • Feature - Add the text to the name of the feature.

Link Text - Here you can add the text for the link.

Link - Add a link to the button.

Active item? - Turn on the switcher if you want to make the active item.

Use custom font for Heading? - Turn on switcher if you want to customize the font for the heading.

Display Image - Choose the image for the display image.

Price Label - Here add the text for the price label.

Use custom font for Heading Label? - Turn on the switcher if you want to customize the font for the heading label.

Use custom font for Price? - Turn on the switcher if you want to customize the font for the price.

Use custom font for Description? - Turn on the switcher if you want to customize the font for the description.

Use custom font for Button? - Turn on the switcher if you want to customize the font for the button.

Link Settings:

Change default settings for link - Turn on the switcher if you want to change default settings for the link.

Link color - Choose a color for the link from the color palette.

 Link color on hover - Choose a color for the link on hover from the color palette.

Link background color - Choose a color for the link background from the color palette.

Link background color on hover - Choose a color for the link background on hover from the color palette.

Link border - Choose a color for the link border from the color palette.

Link border on hover - Choose a color for the link border from the color palette.

How to customize typography you can check in Typography Settings Category:

Vestry Simple Layout:

Content Settings:

Heading - Please, enter the text for the heading. To Highlight text insert text between [[ Your Text Here ]].

Price - Here you can add the price for the pricing item.

Description - Here you can add a text for the description.

Use custom font for heading? - Turn on the switcher if you want to customize the heading.

Use custom font for price? - Turn on the switcher if you want to customize the price.

Add item - Please, add the item to create and edit the featured item.

Features:

  • Feature - Enter text for the feature.

Use custom font for features? - Turn on the switcher if you want to customize the features font.

Use custom font for cost time? - Turn on the switcher if you want to customize the cost time font.

Mark as active? - Turn on the switcher if you want to active item.

Background color - Choose a color for the background from the color palette.

Button Settings:

Add a button? - This option allows you to add the button. If tour turn on the switcher you can have the next items:

  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • Style - Here you can select the button style (dark or light).
  • Size - Here you can select button size (small or large).
  • Type - Here you can select the button type (reverse or transparent).
  • Box shadow - This option allows you to add the box-shadow to the button. It only works if the box-shadow is specified in the skin generator.
  • Enable Full width? - Turn on the switcher if you want to enable the full width to the current button.

How to customize typography you can check in Typography Settings Category: