2 minutes read

Headline Block

Headline Block options:

  • Block position – set the block position to left, center or right. This option is available at the top block options panel.
  • HTML tag – set the HTML tag from h1 to h6.
  • Max. width – set the maximum width.
  • 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 alignment to left, center or right.
  • Text align on mobile – set the text alignment on mobile devices to left, center or right.
  • Font size – set the text font size.
  • Mobile font size – set the text font size on mobile devices (from 800px).
  • Font weight – set the text font weight.
  • Letter spacing – set the text letter spacing.
  • Line height – set the line height.
  • Mobile line height – set the line height on mobile devices (from 800px).
  • 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.
  • Animation – you can add animation to your headline.
  • 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 headline.
  • ID – add a custom CSS ID to your headline.
  • Style – add an inline CSS style to your headline.