22. Colossal Typo Extends

DESCRIPTION:

This shortcode extends shortcode Typo’s properties

SCREENSHOTS:

THE CODE:

[bmag_typo_extends position="" width="" icon="" background="" background_position="" mask="" border_radius="" size="" line_height="" color="" bg_color="" weight="" style="" spacing="" padding="" margin="" alignment="" font_family=""]
CONTENT [/bmag_typo_extends]

PARAMETERS:

  • position – select: Select button alignment.
    • left – Left
    • center – Center
    • right – Right
  • width – Width of Content in Pixel or %. Ex: 50% or 500px. Default is 100%.
  • icon – string: CSS Class name of background icon, for example ‘fa fa-home’ Font Awesome, Ionicons, CT Icons
  • background – url: Background image of Block.
  • background_position – select: Background position.
    • left top 
    • left center 
    • left bottom 
    • right top 
    • right center 
    • right bottom 
    • center top 
    • center center 
    • center bottom 
  • mask – select: Enable mask color or not.
    • 0 – Disable
    • 1 – Enable.
  • border_radius – mixed: Border radius of Content. Default is 8px.
  • size – mixed: Font size, In pixels. Example: 14px.
  • line_height – mixed: Text Line Height. Ex: 1.5em or 24px.
  • color – hexa color: Color of text.
  • bg_color – hexa color: Background color of text.
  • weight -select: Font weight. 100, 200, 300, …,900, bold, bolder, initial, lighter, normal.
  • style – select: Font style
    • inherit
    • initial
    • italic
    • normal
    • oblique
  • spacing – mixed: Enter Letter Spacing value, including suffix. For example: “10px”
  • padding – mixed: Format: TOP RIGHT BOTTOM LEFT. ex: 0px 0px 0px 0px
  • margin – mixed: Format: TOP RIGHT BOTTOM LEFT. ex: 0px 0px 0px 0px
  • alignment – select: Text alignment
  • font_family – string: Enter custom Font Family Name for Content