2 minutes read

Price Block

Price Block options:

  • Title tag – set the HTML tag from H1-H6.
  • Title tag – you can also set the HTML tag choosing from h2-h6, div or span.
  • Use div element – you can choose to use div element tag.
  • Max. width – set the block maximum width. Use any CSS-compatible max-width value.
  • Price – set the price value.
  • Currency – set the currency symbol.
  • Currency position – set the currency symbol position to before price or after price.
  • Top margin – set the top margin using any CSS-compatible margin value.
  • Bottom margin – set the bottom margin using any CSS-compatible margin value.
  • Top padding – set the top padding using any CSS-compatible padding value.
  • Right padding – set the right padding using any CSS-compatible padding value.
  • Bottom padding – set the bottom padding using any CSS-compatible padding value.
  • Left padding – set the left padding using any CSS-compatible padding value.
  • Top margin (mobile) – set the top margin on mobile devices (from 800px). Use any CSS-compatible margin value.
  • Bottom margin (mobile) – set the bottom margin on mobile devices (from 800px). Use any CSS-compatible margin value.
  • Text align – set the text align to left, center or right.
  • Text align on mobile – set the text align on mobile devices to left, center or right.
  • Font size – set the font size.
  • Mobile font size – set the font size on mobile devices.
  • Font weight – set the font weight.
  • Letter spacing – set the letter spacing.
  • Line height – set the line height.
  • Mobile line height – set the line height on mobile devices.
  • Text transform – set the text transformation to uppercase, lowercase, capitilize, none, or use the default Customizer setting.
  • Color – set the text color.
  • Background color – set the text background color.
  • Border color – set the border color.
  • Price color – set the price color.
  • Currency color – set the currency color.
  • Border position – set the border position to bottom or center.
  • Border style – set the border style to dotted, dashed, solid, double, or none.
  • Border width – set the border width in pixels.
  • Border spacing – set the spacing between the border and price.
  • Animation – you can add animation to your price block.
  • Animation delay (in milliseconds) – set animation delay.
  • Animate anytime this block enters the viewport – you can choose to animate the block anytime it enters the viewport, instead of only once.
  • Class – add a custom CSS class to your price block.
  • ID – add a custom CSS ID to your price block.
  • Style – add an inline CSS style to your price block.