Button

The Button Widget allows you to easily design and customize the buttons without any other plugins or shortcodes.

Button

  • Button Text : Enter the Button text
  • Link : Enter the URL for Button link. To open link in new window(tab) click on slider button.
  • Stretch : To stretch the button click on slider button
  • Typography : Choose the typography for button text

Button Style

  • Type : Select the styles of buttons to begin your design. Choose from Primary, Success, Info, Warning, Danger etc. If you want to design your own button from other than these options then select Custom from the drop down, after selecting the custom you will get the option State in which you can design the button in Normal and Hover State.

Normal

  • Background Color : Set the button background color
  • Color : Set the button text color

Hover

  • Hover Speed : Set the time for hover effect
  • Background Color : Set the background color on hover
  • Color : Set the button text color on hover

Icon

  • Icon : Select a Font Awesome icon to display on the button
  • Alignment : Set the icon to appear before or after the button text
  • Space Between : Set the space between the icon and button text

Border

Normal

  • Border Type : Choose the border type from Solid, Double, Dotted, Dashed, and Groove.
  • Border Color : Set the Border Color
  • Border Width : Set the width to control the thickness of the border around the button
  • Border Radius : Set the border radius to control corner roundness

Hover

  • Border Type : Choose the border type from Solid, Double, Dotted, Dashed, and Groove.
  • Border Color : Set the Border Color
  • Border Width : Set the width to control the thickness of the border around the button
  • Border Radius : Set the border radius to control corner roundness
Was this helpful to you?

Leave a Reply