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
- 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
- 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
- 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
- Text: Give the connector icon a text.
- Icon: Choose an icon for the seperator.
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