Open Mon - Fri 8:00-18:00    Address: 40 Wisdom St, Connells Point NSW 2221
Email: WebSales@StGeorgeWebDesign.com.au Phone (02) 9099 8025

Shortcodes: Buttons

Coloring & Size Management

[one_fourth]

Mini

[button href=”#” size=”mini” color=”#d5d5d5″ tooltip=”Tooltip for button” hovercolor=”#f0f0f0″ textcolor=”#000000″]Button[/button] [button href=”#” size=”mini” color=”#8EAF00″ hovercolor=”#9EC300″ textcolor=”#ffffff”]Button[/button]
[button href=”#” size=”mini” color=”#309bc9″ hovercolor=”#35ade0″ textcolor=”#ffffff”]Button[/button] [button href=”#” size=”mini” color=”#1569ff” hovercolor=”#1775ff” textcolor=”#ffffff”]Button[/button]
[button href=”#” size=”mini” color=”#c25619″ hovercolor=”#d8601c” textcolor=”#ffffff”]Button[/button] [button href=”#” size=”mini” color=”#e1785a” hovercolor=”#fb8664″ textcolor=”#ffffff”]Button[/button]
[button href=”#” size=”mini” color=”#db2c56″ hovercolor=”#f43160″ tooltip=”Tooltip for button” textcolor=”#ffffff”]Button[/button] [button href=”#” size=”mini” color=”#ff9900″ hovercolor=”#ffaa00″ textcolor=”#ffffff”]Button[/button]
[button href=”#” size=”mini” color=”#0a2a3a” hovercolor=”#0e3a50″ textcolor=”#ffffff”]Button[/button][/one_fourth][one_fourth]

Small

[button href=”#” size=”small” color=”#d5d5d5″ hovercolor=”#f0f0f0″ textcolor=”#000000″]Button[/button] [button href=”#” size=”small” color=”#8EAF00″ hovercolor=”#9EC300″ textcolor=”#ffffff”]Button[/button] [button href=”#” size=”small” color=”#309bc9″ hovercolor=”#35ade0″ textcolor=”#ffffff”]Button[/button] [button href=”#” size=”small” color=”#1569ff” hovercolor=”#1775ff” textcolor=”#ffffff”]Button[/button] [button href=”#” size=”small” color=”#c25619″ hovercolor=”#d8601c” textcolor=”#ffffff”]Button[/button] [button href=”#” size=”small” color=”#e1785a” hovercolor=”#fb8664″ textcolor=”#ffffff”]Button[/button] [button href=”#” size=”small” color=”#db2c56″ hovercolor=”#f43160″ textcolor=”#ffffff”]Button[/button] [button href=”#” size=”small” color=”#ff9900″ hovercolor=”#ffaa00″ textcolor=”#ffffff”]Button[/button] [button href=”#” size=”small” color=”#0a2a3a” hovercolor=”#0e3a50″ textcolor=”#ffffff”]Button[/button][/one_fourth][one_fourth]

Medium

[button href=”#” size=”medium” color=”#d5d5d5″ hovercolor=”#f0f0f0″ textcolor=”#000000″]Button[/button] [button href=”#” size=”medium” color=”#8EAF00″ hovercolor=”#9EC300″ textcolor=”#ffffff”]Button[/button] [button href=”#” size=”medium” color=”#309bc9″ hovercolor=”#35ade0″ textcolor=”#ffffff”]Button[/button] [button href=”#” size=”medium” color=”#1569ff” hovercolor=”#1775ff” textcolor=”#ffffff”]Button[/button] [button href=”#” size=”medium” color=”#c25619″ hovercolor=”#d8601c” textcolor=”#ffffff”]Button[/button] [button href=”#” size=”medium” color=”#e1785a” hovercolor=”#fb8664″ textcolor=”#ffffff”]Button[/button] [button href=”#” size=”medium” color=”#db2c56″ hovercolor=”#f43160″ textcolor=”#ffffff”]Button[/button] [button href=”#” size=”medium” color=”#ff9900″ hovercolor=”#ffaa00″ textcolor=”#ffffff”]Button[/button] [button href=”#” size=”medium” color=”#0a2a3a” hovercolor=”#0e3a50″ textcolor=”#ffffff”]Button[/button][/one_fourth][one_fourth_last]

Large

[button href=”#” size=”large” color=”#d5d5d5″ hovercolor=”#f0f0f0″ textcolor=”#000000″]Button[/button] [button href=”#” size=”large” color=”#8EAF00″ hovercolor=”#9EC300″ textcolor=”#ffffff”]Button[/button] [button href=”#” size=”large” color=”#309bc9″ hovercolor=”#35ade0″ textcolor=”#ffffff”]Button[/button] [button href=”#” size=”large” color=”#1569ff” hovercolor=”#1775ff” textcolor=”#ffffff”]Button[/button] [button href=”#” size=”large” color=”#c25619″ hovercolor=”#d8601c” textcolor=”#ffffff”]Button[/button] [button href=”#” size=”large” color=”#e1785a” hovercolor=”#fb8664″ textcolor=”#ffffff”]Button[/button] [button href=”#” size=”large” color=”#db2c56″ hovercolor=”#f43160″ textcolor=”#ffffff”]Button[/button] [button href=”#” size=”large” color=”#ff9900″ hovercolor=”#ffaa00″ textcolor=”#ffffff”]Button[/button] [button href=”#” size=”large” color=”#0a2a3a” hovercolor=”#0e3a50″ textcolor=”#ffffff”]Button[/button]

[/one_fourth_last]

[button size=”medium”]”Theme color” button[/button] [button href=”#” size=”medium” color=”#96e6e6″ hovercolor=”#e3fffd” textcolor=”#000000″ tooltip=”Tooltip for button”]Button with tooltip example[/button]

XLarge Buttons

[button size=”xlarge” title=”Button”]Lorem ipsum dolor sit amet,
consectetur adipiscing elit.[/button]

[button href=”#” size=”xlarge” title=”Download button” color=”#437ce0″ hovercolor=”#96b9ff” textcolor=”#ffffff” tooltip=”Hi, this is optional tooltip”]Donwload latest software[/button]