Versions Compared


  • This line was added.
  • This line was removed.
  • Formatting was changed.

Button icon related options comes under this tab.

Image Added

Available Options:

Field LabelField TypeShort Code AttributeDefault ValueAvailable ValuesDescription
Iconselecticon-All Font Awesome IconsSelect the desired icon. Icon will be placed to the left of primary text if it is not already aligned.
SizerangeIcon_size--Add font size in pixels. This will make the icon bigger or smaller depending up on the value. Best is to keep the icon size similar to primary text size.
Alignmentselecticon_alignment-none, left, rightAlign the icon as required. Left moves the icon to the left of button and right moves the icon right of the button.
Positionrangeicon_position--Position the icon vertically. More the value more the icon will move vertically downwards. You can also specify negative values to move icon upwards.
Normalcolorpickericon_color_normal--Select icon color.
Hovercolorpickericon_color_hover--Select icon color for when button is hovered.
Icon Imagefileicon_image_normal--Select or upload icon image.
Horizontalrangeicon_shadow_horizontal--Add position of the horizontal shadow in pixels. Adds horizontal shadow to icon.
Verticalrangeicon_shadow_vertical--Add position of the vertical shadow in pixels. Adds vertical shadow to icon.
Blurrangeicon_shadow_blur--Add blur radius in pixels. Makes icon shadow blurry.
Colorcolorpickericon_shadow_color--Pick icon shadow color.
Positionselecticon_divider_position-none, left, rightSelect divider position. Position the divider to left or right of icon.
Sizerangeicon_divider_size--Add divider size in pixels. This will make the divider bigger or smaller depending up on the value. Best is to keep the divider size little smaller or equal to icon size.
Colorcolorpickericon_divider_color--Select divider color.
Animationselecticon_animation-none, click, hoverSelect when to animate the icon, on button click or when button is hovered.
Animation Typeselecticon_animation_type-all animate.css optionsSelect type of animation. Choose from many different types.
Toprangeicon_padding_top0-Set top padding for icon.
Bottomrangeicon_padding_bottom0-Set bottom padding for icon.
Leftrangeicon_padding_left0-Set left padding for icon.
Rightrangeicon_padding_right0-Set right padding for icon.