Avada Button Element Showcase
Below, you will find live examples of the Button Element in action. Examples can include the individual option values set for that display; however, in some instances, not all Element variations can be shown as they may be too numerous. For further information related to this Avada Design Element, please check the Avada help center.
This Avada Button Element is set up as follows: Enable Button Hover Text/Icon (Off), Alignment (Center), Button Style (Custom), Gradient Color, Gradient Style (Linear), Button Type (Flat), Button Border Radius (0px), Button Size (Custom), Typography (Custom), and Button Span (No).
This Avada Button Element is set up as follows: Enable Button Hover Text/Icon (Off), Alignment (Center), Button Style (Custom), Gradient Color, Gradient Style (Linear), Button Type (Flat), Button Border Radius (0px), Button Size (Custom), Typography (Custom), and Button Span (No).
This Avada Button Element is set up as follows: Enable Button Hover Text/Icon (On), Button Hover Text, Alignment (Center), Button Style (Custom), Gradient Color, Gradient Style (Linear), Button Type (Flat), Button Border Radius (10px), Button Size (Custom), Typography (Custom), Button Span (No), and Hover Transition (Text Slide Up).
This Avada Button Element is set up as follows: Enable Button Hover Text/Icon (Off), Alignment (Center), Button Style (Custom), Gradient Color, Gradient Style (Linear), Button Type (3D), Button Bevel Color For 3D Mode, Button Border Size (1px), Button Border Radius (24px/8px), Button Size (Custom), Typography (Custom), and Button Span (No).
This Avada Button Element is set up as follows: Enable Button Hover Text/Icon (Off), Alignment (Center), Button Style (Custom), Gradient Color, Gradient Style (Linear), Button Type (Flat), Button Border Size (2px/4px), Button Border Radius (12px), Button Border Color, Button Size (Custom), Typography (Custom), and Button Span (No).
This Avada Button Element is set up as follows: Enable Button Hover Text/Icon (Off), Alignment (Center), Button Style (Default), Button Type (Flat), Button Border Radius (4px), Button Size (Custom), Typography (Custom), Button Span (Yes), Icon, Hover Transition (Text Slide Down), Animation Type (Zoom), and Direction Of Animation (Static).
This Avada Button Element is set up as follows: Enable Button Hover Text/Icon (Off), Alignment (Center), Button Style (Custom), Gradient Color, Gradient Style (Default), Button Type (Flat), Button Border Size (3px), Button Border Radius (10px), Button Border Color, Button Size (Custom), Typography (Custom), Button Span (Yes), Icon, Icon Position (Right), Icon Divider (No), and Hover Transition (Icon Slide).
This Avada Button Element is set up as follows: Enable Button Hover Text/Icon (Off), Alignment (Right), Button Style (Custom), Gradient Color, Gradient Style (Linear), Button Type (Flat), Button Border Size (2px/4px), Button Border Radius (7px), Button Border Color, Button Size (Custom), Typography (Custom), Button Span (No), Icon, Icon Position (Right), Icon Divider (No), Hover Transition (Icon Switch Position), Animation Type (Slide), and Direction of Animation (Right).
This is a modal
This Avada Button Element is set up as follows: Enable Button Hover Text/Icon (Off), Alignment (Right), Modal Window Anchor (Open Modal Element), Button Style (Custom), Gradient Color, Gradient Style (Linear), Button Type (Flat), Button Border Radius (0px/10px), Button Size (Custom), Typography (Custom), Button Span (No), Icon, Icon Position (Left), Icon Divider (No), and Hover Transition (Icon Switch Position).
