2. Colossal Typo

DESCRIPTION:

This shortcode is used to format text.

SCREENSHOTS:

THE CODE:
[bmag_typo size="" weight="" style="" spacing="" color="" padding="" margin="" alignment="" line_height="" border="" border_width="" html_tag="" font_family=""] CONTENT [/bmag_typo]

PARAMETERS:

  • RESPONSIVE SETTINGS – This setting for the Colossal Typo shortcode only.

    • mobile_size – int: Font Size on mobile screen, in pixels. Example: 14px.
    • mobile_line_height – int: Line Height on mobile screen, in pixels. Example: 26px.
    • mobile_padding – mixed: Padding on mobile screen. Format: TOP RIGHT BOTTOM LEFT. ex: 0px 0px 0px 0px.
    • mobile_margin – mixed: Margin on mobile screen. Format: TOP RIGHT BOTTOM LEFT. ex: 0px 0px 0px 0px.
    • mobile_alignment – select: Text Alignment on mobile screen.

      • Default.
      • left – Align Left
      • right – Align Right.
      • center – Align Center.
  • size – int: Font size, in pixels. Example: 14px.
  • weight – select: Font weight
    • 200, 300, 400, 500, 600, 700, 800, 900, Bold , Bolder, Initial, Lighter, Normal.
  • style – select: Font style.
    • Inherit, Initial, Italic, Normal, Obilique.
  • spacing – string: Enter Letter Spacing value, including suffix. For example: “10px”.
  • color – hexa color: Hexa color of text.
  • padding – mixed: Padding of text. Format: TOP RIGHT BOTTOM LEFT. ex: 0px 0px 0px 0px.
  • margin – mixed: Margin of text. Format: TOP RIGHT BOTTOM LEFT. ex: 0px 0px 0px 0px
  • alignment – select: Text alignment (left, right, center)
  • line_height – select: Text line height.
    • 1em, 1.1em, 1.2em, 1.5em, 2em
  • border – select: Type of border bottom.
    • none – None.
    • solid – Solid
    • dashed – Dashed.
    • dotted – Dotted.
    • double – Double.
    • groove – Groove.
    • inset – Inset.
    • outset – Outset.
    • ridge – Ridge.
  • border_width – int: Set width of Border Bottom, in pixels. Default is 1px.
  • html_tag – string: HTML tag to wrap the text. Default is: div
  • font_family – string: Enter custom Font Family Name for this typo NOTE: You need to add the Custom Google Fonts you need in Theme Option > Custom Font before adding the font in this option.