Default Buttons Styles
- 10 different Button Colors
- 3 own defineable Colors
- 2 differen Button Styles
- 4 different Button Sizes
- Working with Lightbox, Tooltip, Smooth Scroll
- Icons are also supported
Default Buttons Styles
Default Black Success Info Warning Danger Primary Secondary Tertiary
Buttons Alternative Styles
Default Black Success Info Warning Danger Primary Secondary Tertiary
Buttons Sizes
Default-LG Default-MD Default-SM Default-XS
Buttons with Icons
Default Left Primary Right Success Left Info Right
Buttons with Functions
Image Tooltip Vimeo New Window 39700 Fans To Top
Buttons with Animation
Default Primary Success Info Warning Danger
Buttons with Dropdowns (HTML only)
Buttons on dark Background
Minimal Shortcode {button link="http://www.ws-theme.com"}Name here{/button} Shortcode with some Options {button link="http://www.ws-theme.com" type="alt" color="primary" size="lg" title="Title here"}Name here{/button}
Parameter Name | Description | Possible values | Default |
---|---|---|---|
title | The Title for the Link, important for Search Engines | ||
link | The Button Destination URL | Images, Videos, URLs | # |
color | The Color of the Button | default, white, black, success, info, warning, danger, primary, secondary, tertiary | default |
target | The Button Destination URL opens with this Target | ||
size | The Button Size | xs, sm, md, xl | md |
type | Alternative Button Style | alt | |
data | A Data Attribute | ||
class | Add a optional Class to the Shortcode | ||
id | Add a optional unique ID to the Shortcode | ||
style | Add optional Style Attributes to the Shortcode | ||
lightbox | Should the Link opens in a Lightbox | yes, image, iframe, video | |
lightboxgroup | Group several Lightbox Links to one Gallery | ||
tooltip | Activates the Tooltip for this Element, title parameter is required in this case | yes, on, right, bottom, left | |
smoothscroll | Activates the Smooth Scroll to a Section Feature | yes | |
animation | Activates a Animation for this Element | Many, check the Animations Page | |
animationduration | How long should the Animation run | Any positive Value for seconds | 1s |
animationdelay | Should the Animation have a delay | Any positive Value for seconds | 0s |