Pricing Table
Check this demo pages showing different pricing table style presets available in TheGem:
https://codex-themes.com/thegem/elements/pricing-tables/
Note: all this styles can be easily customized to meet your individual design needs. No coding needed.
You can find “Pricing Table” element in editing panel of Elementor in “TheGem Elements” group
Content Tab
Layout
Skin: we have added 8 design presets for pricing table you can choose from
Highlighted: in case you wish to highlight your pricing table (for example to attract visitor’s attention to some special offer), activate this setting.
Title
Here you can select whether to show the title of pricing table and specify its text.
Pricing
Specify whether to show the price, which price to show and optionally add some period for the periodic price.
Features
Section with repeater control allowing you to specify content for features you might wish to list in your pricing table. You can type in the description of the feature and use N/A control to strikethrough some not available feature. Use “Add Item” button to add more features.
Footer
This section helps you to add a button in the footer of your pricing table, specify the button text and button link
javascript:;
Label
In case you wish to add some label to your pricing table, use this section to activate the label and to add label’s text
Style Tab
Title
In this section you can style the title area and title content of the pricing table
Pricing
A set of settings to customize the look and alignment of pricing section of the pricing table. Also you can style the pricing typography here.
Features
Settings to control the style of features containers and content. You can also add some icons to the feature list here.
Footer
Customization options to style the footer area of the pricing table. Also you can style the button in case a button has been added to pricing table in Content tab -> Footer section.
Label
A set of options to design the look of label in pricing table and set its position.