Gradient
- Gautam Thapar
Owned by Gautam Thapar
Button gradient related options comes under this tab.
Available Options:
| Field Label | Field Type | Short Code Attribute | Default Value | Available Values | Description |
|---|---|---|---|---|---|
| Type | |||||
| Normal | select | gradient_type_normal | vertical | vertical, horizontal, diagonal_top, diagonal_bottom, radial | Select gradient type. |
| Hover | select | gradient_type_hover | vertical | vertical, horizontal, diagonal_top, diagonal_bottom, radial | Select gradient type for when button will be hovered. |
| Stop (Normal) [Repeatable] | |||||
| Location | range | gradient_stop_location_normal | - | - | Set gradient stop location. Must be between 0 and 100. |
| Color | color | gradient_stop_color_normal | - | - | Set gradient stop color. |
| Stop (Hover) [Repeatable] | |||||
| Location | range | gradient_stop_location_hover | - | - | Set gradient stop location fro when button is hovered. Must be between 0 and 100. |
| Color | color | gradient_stop_color_hover | - | - | Set gradient stop color for when button is hovered. |
| CSS | |||||
| Normal | css editor | gradient_css_normal | - | - | Add custom gradient CSS. |
| Hover | css editor | gradient_css_hover | - | - | Add custom gradient CSS for when button will be hovered. |