Smart Documentation / Page Builder / Headings

Headings

Using Headings is the best way to highlight the different sections of your page or website. You can create unique “Headings” with this element, selecting your custom font from an array of more than 700+ fonts, styles, etc.

General

  • Text Source: Select the text source.
  • Text: The actual heading text.
  • URL (Link): Add a link to the custom heading.
  • Element Tag: Specify the element HTML tag.
  • Font Size: Specify the title size.
  • Line-Height: Specify the title line height in pixels.
  • Title font-weight: Specify the title font weight.
  • Title text-alignment: Specify the title text alignment.
  • Title text-transform: Specify the title text transformation.
  • Title letter spacing: Specify the letter spacing.
  • Title text color: Select a color from the color palette.
  • Use theme default font family: If you don’t want to use the theme default font family and pick your own, just untick this option.
    • Font Family: The font family
    • Font Style: The font Style.
  • Extra Class Name: Add an extra CSS class if needed.

Subheading

  • Separator: Activate a separator. This will appear under the text
  • Subheading: Add a subheading text.
  • Font Size: Specify the font size.
  • Line-Height: Specify the subheading line height in pixels.
  • Font-weight: Specify the subheading font weight.
  • Text-alignment: Specify the subheading text alignment.
  • Text-transform: Specify the subheading text transformation.
  • Letter spacing: Specify the letter spacing.
  • Text color: Select a color from the color palette.
  • Use theme default font family: If you don’t want to use the theme default font family and pick your own, just untick this option.
    • Font Family: The font family
    • Font Style: The font Style.
  • Text Lead: Transform the text to leading text. This will make it look bigger.
  • Reduce subheading top space: Activate this to reduce the subheading top margin.

Responsive

  • Display in Desktop: Choose the visibility of the element in desktop layout mode (when the viewport is greater than 960px wide).
  • Display in Tablet: Choose the visibility of the element in desktop layout mode (when the viewport is greater than 570px and smaller than 960px wide).
  • Display in Mobile: Choose the visibility of the element in desktop layout mode (when the viewport is smaller than 570px wide).

Animation

  • CSS Animation: Add some type of CSS animation.
  • Animation Speed: Specify the entrance animation speed in milliseconds.
  • Animation Delay: Specify the entrance animation delay in milliseconds.
Page Builder

Related Articles