1 minute read

Badge Block

Badge Block options:

  • Position – set the block position to center, left or right. This option is available on the top block panel.
  • Top margin – set the top margin. Use any CSS-compatible margin value.
  • Right margin – set the right margin. Use any CSS-compatible margin value.
  • Bottom margin – set the bottom margin. Use any CSS-compatible margin value.
  • Left margin – set the left margin. Use any CSS-compatible margin value.
  • Top padding – set the top padding. Use any CSS-compatible padding value.
  • Right padding – set the right margin. Use any CSS-compatible padding value.
  • Bottom padding – set the bottom margin. Use any CSS-compatible papdding value.
  • Left padding – set the left margin. Use any CSS-compatible padding value.
  • Width – set the block width in pixels.
  • Height – set the block height in pixels.
  • Vertical offset – set your badge vertical offset using pixels.
  • Vertical offset (mobile) – set your badge vertical offset on mobile devices (from 800px).
  • Background color – set the background color.
  • Rounded corners – set the corner radius for all container corners. You can use pixels or percentages for each corner.
  • Animation – you can add animation to your badge.
  • Animation delay (in milliseconds) – set the block animation.
  • 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 badge.
  • ID – add a custom CSS ID to your badge.
  • Style – add an inline CSS style to your badge.

To add text to your badge, use the Text block and customize it with its options.