Pricing Tables

Layout Settings:

This theme includes Snapster Simple, Snapster With image on background, Snapster With Media Layouts

Snapster Simple Layout:

Snapster With image on background Layout:

Content Settings:

  • Use the custom font for Title? - Turn on the switch if you want to customize font for the title.
  • Use the custom font for Subtitle? - Turn on the switch if you want to customize font for the subtitle.
  • Use the custom font for Price? - Turn on the switch if you want to customize font for the price.
  • Use the custom font for Currency? - Turn on the switch if you want to customize font for the currency.
  • Use the custom font for Text? - Turn on the switch if you want to customize font for the text.
  • Use the custom font for List? - Turn on the switch if you want to customize font for the list.
  • Radio button color - Here you can select the color for the radio button.
  • Overlay color - Here you can choose the color for the ovelay.

Pricing items:

  • Add item - Allows to add new items to the list.
  • Background image - Here you can add the image for the background.
  • Title - Here you can fill in the title.
  • Subtitle - Here you can fill in the subtitle.
  • Text - Here you can fill in the text.
  • List - Here you can fill in the list. Please, separate every list item by line "|". For ex: First item|Second item.
  • Currency - Here you can set the currency.
  • Price - Here you can fill in the price.
  • Add icon for list items? - Turn on the switch if you want to add the icon for the list items.
  • Icon library - Here you can choose the icons library.
  • Icon color - Here you can set the color of the icon.
  • Icon font size - Here you can set the font size for the icon.
  • Add video? - Turn on the switch if you want to add video to the widget (for Snapster With Media Layout).
  • Video link - fill in the link for the video (for Snapster With Media Layout).
  • Style - Here you can choose the style of the button for the video (for Snapster With Media Layout).
  • Size - Here you can choose the size of the button for the video (for Snapster With Media Layout).

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

Advanced Settings

  1. Margin: Set the section Margin
  2. Padding: Set the section Padding
  3. Z-index: Set the Z-Index.
  4. CSS ID: Set a CSS ID for your section
  5. CSS Classes: Set CSS Classes for your section

Motion Effects

  1. Sticky (Elementor Pro only): Set your section as Sticky, and choose between Top or Bottom. 
  2. Scrolling Effects (Elementor Pro only): Set Scrolling Effects to On to choose from a variety of animations and interactions that can occur when the user scrolls through the page.
  3. Entrance Animation: Click the dropdown to choose an animation.

Background

The following options can be set independently for both the normal and hover states.

  1. Background Type: Choose between Classic or Gradient

Border

The following options can be set independently for both the normal and hover states.

  1. Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved
  2. Border Radius: Set the border radius to control corner roundness
  3. Box Shadow: Adjust box shadow options

Positioning

  1. Width: Select the width of the element, choosing from Full Width (100%), Inline (auto), or Custom. 
  2. Custom Width: Only available if Custom is chosen. Use the slider to adjust the width of the element within the column.
  3. Vertical Align: Only available if Full Width (100%) or Inline (auto) is chosen. Select to display the element at the Start, Center, or End.
  4. Position: Select the position of the element, choosing either Default, Absolute, Fixed, or Custom. Absolute positions an element absolutely to its first positioned parent. Fixed positions an element relative to the user’s viewport. 

If either Absolute or Fixed are selected, the following options also become available.

  1. Horizontal Orientation: Sets the horizontal reference point for the absolute positioning, with choices of either Start or End.
  2. Offset: Changes the horizontal reference point by the amount of the offset
  3. Vertical Orientation: Sets the vertical reference point for the absolute positioning, with choices of either Start or End.
  4. Offset: Changes the vertical reference point by the amount of the offset

Responsive

  1. Reverse Columns: Slide to reverse your columns order (Great for Mobile)
  2. Visibility: Show or Hide your section on Desktop, Tablet, or Mobile