Dual Button

The EAE - Dual Button widget adds two attractive and flexible buttons to your web page. These buttons will make your website web page more interactive and trendy.

Content

General

Dual Button - General

  • Layout: Set Horizontal and Vertical layouts of the buttons.
  • Alignment: Align the button to the left, center, right, or justified with its column.

Button 1

Dual Button - Button

  • Text: Enter the button’s text.
  • Link: Set the URL for the button’s link. Set the link to either open in a new window or to add nofollow to the link
  • Icon: Select a FontAwesome icon to display on the button
  • Icon Position: Set the icon to appear before or after the button text
  • Spacing: Adjust the amount of space between the icon and the button text.

Button 2

Dual Button

  • Text: Enter the text for the second button.
  • Link: Set the URL for the button’s link. Set the link to either open in a new window or to add nofollow to the link.
  • Icon: Select a FontAwesome icon to display on the button
  • Icon Position: Set the icon to appear before or after the button text
  • Spacing: Adjust the amount of space between the icon and the button text.

Separator

Dual Button - Separator

  • Text: Give the connector icon a text.
  • Icon: Choose an icon for the seperator.

Style

Dual Button - Style

General

  • Animation: Click on the Hover tab to set a Hover Animation
  • Padding: Change the padding settings of the button
  • Box Shadow: Set options to apply a box-shadow on the button

Button 1

  • Typography: Change the default typography options for the button’s text
  • Text Color: Select the color of the button’s text
  • Icon Color: Choose color for the icon
  • Background Type: Select the button’s background color for both Normal and Hover states
  • Border Type: Select the type of border to use around the button
  • Width: Control the thickness of the border around the button
  • Color: Choose the border’s color
  • Border Radius: Set the border-radius to control corner roundness
  • Padding: Change the padding settings of the first button

Button 2

  • Typography: Change the default typography options for the button’s text
  • Text Color: Select the color of the button’s text
  • Icon Color: Choose color for the icon
  • Background Type: Select the button’s background color for both Normal and Hover states
  • Border Type: Select the type of border to use around the button
  • Width: Control the thickness of the border around the button
  • Color: Choose the border’s color
  • Border Radius: Set the border-radius to control corner roundness
  • Padding: Change the padding settings of the second button

Separator

  • Size: Set the size of the separator icon
  • Typography: Set the typography options for the separator text
  • Color: Choose color for the separator icon and text
  • Background Color: Choose the background color of separator
  • Border Radius: Set the border-radius to control corner roundness
  • Box Shadow: Set options to apply a box-shadow on the button