Skip to main content

Button

A styled, linkable button. Tabs: Content, Styling, Animations, Advanced.

Button on the Page Builder canvas

Content

Button options panel — Content tab
OptionNotes
Button LabelThe text shown on the button
Button LinkDestination URL
Open Link in New WindowOn/Off
Button IconOptional icon
Icon PositionBefore Label, After Label

Styling

Button options panel — Styling tab
OptionChoices
Button StyleA set of visual presets (image-picker)
Button SizeSize presets (image-picker)
Button WidthFull Width, or Custom
Custom WidthUsed when Button Width = Custom
AlignmentLeft, Center, Right
Button StateActive, Disabled
Hover AnimationA set of hover effects
MarginSpacing
Screenshots — styles, sizes & hover

Capture each Button Style, Button Size, and Hover Animation variant. Suggested files: button-style-1, button-size-lg, button-hover-grow in static/img/shortcodes/.