The Button Widget helps you to easily design and customize buttons.

Button Widget
Button Widget

Content Tab

Button
  • Type: Select from 5 styles of buttons to begin your design. Choose from Default, Info, Success, Warning, or Danger.
  • Text: Enter the button’s text.
  • Link: Set the URL for the button’s link. Click the Icon to open in a new window.
  • Alignment: Align the button to the left, center, right, or justified in relation to its column.
  • Size: Select the preset button sizes, from Extra Small to Extra Large.
  • Icon: Select a FontAwesome icon to display on the button.
  • Icon Position: Set the icon to appear before or after the button text.
  • Icon Spacing: Adjust the amount of space between the icon and the button text.

Style Tab

Button
  • Text color: Set to Yes to automatically play the video on page load.
  • Typography: Show or Hide Suggested videos.
  • Background Color: Show or Hide the Player Controls, such as Play/Pause, Volume, etc.
  • Border Type: Select the type of border to use around the button.
  • Border Width: Control the thickness of the border around the button.
  • Border Color: Choose the border’s color.
  • Border Radius: Set the border radius to control corner roundness.
  • Text Padding: Change the padding settings of the button.
Button Hover
  • Text color: Set to Yes to automatically play the video on page load.
  • Background Color: Show or Hide the Player Controls, such as Play/Pause, Volume, etc.
  • Animation: Choose a Hover Animation from the list.
© WebshopWorks - Professional PrestaShop Addons