General settings

Display options – select the style of the displaying of the modal box element on the page.

Delay – select this style to set the delay for the modal box displaying.

On scroll – select this style to show the modal box on scroll.

On click – select this style to show the modal box on click on button.

Timeout – set the delay timeout for the modal box in milliseconds. For Delaystyle only.

Extra features

Animation – choose between 14 preset animation effects.

Custom CSS class – enter our own unique class name for the item – this is a useful option for those who want to create a specific style. E.g.: you can type custom-style class and then go to Theme optionsGeneral optionsCustom CSS/JSCustom CSS field and write your own CSS code with this class to get your own style.

Border width – set the width of the border. You may set the desired width each border: top, right, left and bottom.

Border on hover

Border style – select one of the available border styles on hover for the button. Dotted, dashed and solid variants are available.Theme default style will be inherited directly from Theme optionsGeneral optionsDefault button options Default button border style.

Color – specify the color of the border on hover.

Border radius – select the border radius for button module to have rounded corners on hover.

Border width – set the width of the border on hover. You may set the desired width each border: top, right, left and bottom.

Box shadow settings

Box shadow – set it to Enable to activate shadow for the button.

Shadow parameters – choose shadow parameter and set the color, in accordance with the following structure: horizontal shadow, vertical shadow, blur, and spread. More details can be found following this link.

Color – set the color for the button shadow.

Box shadow on hover – set it to Enable to activate shadow for the button on hover.

Shadow parameters – choose shadow parameter on hover and set the color, in accordance with the following structure: horizontal shadow,vertical shadow, blur, and spread. More details can be found following this link.

Color – set the color for the button shadow on hover.

Button animation – choose between 14 preset animation effects and select one for the appears effect.