5. Colossal Button

SCREENSHOT:

  • Default Style:
  • Bordered Style:

THE CODE:

[bmag_button style="" size="" text_color="" bg_color="" text_hover_color="" bg_hover_color="" icon="" alignment="" url="" link_target="" padding="" margin="" round_border="" border_size=""] Button Text [/bmag_button]

PARAMETERS:

  • style – select: Select button style
    • 1 – Default Style.
    • 2 – Bordered Style.
    • 3– Text Style.
  • size – seclect: Select icon box size.
    • small – Small
    • medium – Medium.
    • large – Large.
    • x-large – X-Large
  • text_color – hexa color: Color of text.
  • bg_color – hexa color: Color of Background. Bordered button does not use this value.
  • text_hover_color – hexa color: Color of hovered text.
  • bg_hover_color – hexa color: Color of hovered background.
  • icon – string: Icon class, for example ‘fa fa-home’.
  • alignment – select: Select button alignment
    • inline – Inline
    • left – Left
    • center – Center
    • right – Right
  • url – string: URL to navigate.
  • link_target – select: URL target, to open link in new tab (_blank) or current page (leave empty)
  • padding –  mixed: Padding of Button. Default is ‘0px 0px 0px 0px’ (TOP RIGHT BOTTOM LEFT). Leave blank to use default style.
  • margin – mixed: Margin of Button. Default is ‘0px 0px 0px 0px’ (TOP RIGHT BOTTOM LEFT). Leave blank to use default style.
  • round_border – int: Round border of the button. ex: 5px. Default is not Bordered.
  • border_size – int: Border size of the button. ex: 5px. Default is 2px (Style 2).
  • EFFECT OPTIONS