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.