This module is to create buttons in web pages. Very much easy to configure with an enrich customization settings module. Need not any coding knowledge to do so.

Button

General Settings

Button

  • Button Text : Give the Button Name
  • Url : Provide an URL that you want to redirect the users into when s/he clicks on the button.
  • Open New Window : Enable or Disable opening the URL in a new window.
  • Alignment : Define the position of the button. You can put either left, center or right.
  • Icon : Use an icon for the button. You can search the right type of icon using the search box below this.
  • Icon Placement : Define the position of the icon you have used for the button.
  • Type : You can either choose Regular or Full Width button type. Full-Width type displays the button with the entire width of the page.
  • Style : You can select a button style from the drop-down menu or keep the default style.
  • Animation : Define the animation effect to apply on the Button.

Styles Settings

Button

  • Font : Customize the Font for the Button. You can choose from plenty of existing Google fonts and define its type ( Bold, Italic, and Underline, Uppercase, Lowercase, and Capitalize as well ), size, line height, and letter spacing.
  • Text Color : Choose the color of the Button text.
  • Background Color : Set the Background Color of the Button.
  • Hover Background Color : Define the background color that you want to show the users when they hover over the Button.
  • Hover Text Color : Define the button text color that you want to show the users when they hover over the Button.
  • Margin : You can define the amount of margin in pixel for Top, Right, Bottom and Left as well for the Button.
  • Padding : You can set the amount of padding in pixel for Top, Right, Bottom and Left as well for the Button.
  • Border Styling : You can enable or disable Border Styling with this option.
  • Icon Color : Define the color of the icon, you have used on the button.
  • Icon Hover Color : You can set a hover color of the button icon with this option.
  • Icon Margin : You can define the amount of margin in pixel for Top, Right, Bottom and Left as well for the button icon.