Text : Buttons & Links

Styles for Buttons and Links

Button Links

[button link=”#” size=”small”]Small Button[/button]
[button link=”#”]Medium Button[/button]
[button link=”#” size=”large”]Large Button[/button]

Download Links

[download_link link=”#”]Click Me[/download_link] [download_link link=”#”]Buttons and links adapt to however long the label is[/download_link]

Email Links

[email_link link=”#”]Click Me[/email_link] [email_link link=”#”]Buttons and links adapt to however long the label is[/email_link]

Fancy Links

[fancy_link link=”#”]Click Me[/fancy_link] [fancy_link link=”#”]Buttons and links adapt to however long the label is[/fancy_link]

Color Variations

[one_third]

[teaser]variation=”red”[/teaser]

[button link=”#” variation=”red” size=”large”]Your Text[/button]
[button link=”#” variation=”red” size=”small”]Your Text[/button]
[download_link link=”#” variation=”red”]Your Text[/download_link]
[email_link email=”#” variation=”red”]Your Text[/email_link]
[fancy_link link=”#” variation=”red”]Your Text[/fancy_link]

[teaser]variation=”orange”[/teaser]

[button link=”#” variation=”orange” size=”large”]Your Text[/button]
[button link=”#” variation=”orange” size=”small”]Your Text[/button]
[download_link link=”#” variation=”orange”]Your Text[/download_link]
[email_link email=”#” variation=”orange”]Your Text[/email_link]
[fancy_link link=”#” variation=”orange”]Your Text[/fancy_link]

[teaser]variation=”yellow”[/teaser]

[button link=”#” variation=”yellow” size=”large”]Your Text[/button]
[button link=”#” variation=”yellow” size=”small”]Your Text[/button]
[download_link link=”#” variation=”yellow”]Your Text[/download_link]
[email_link email=”#” variation=”yellow”]Your Text[/email_link]
[fancy_link link=”#” variation=”yellow”]Your Text[/fancy_link]

[teaser]variation=”green”[/teaser]

[button link=”#” variation=”green” size=”large”]Your Text[/button]
[button link=”#” variation=”green” size=”small”]Your Text[/button]
[download_link link=”#” variation=”green”]Your Text[/download_link]
[email_link email=”#” variation=”green”]Your Text[/email_link]
[fancy_link link=”#” variation=”green”]Your Text[/fancy_link]

[teaser]variation=”olive”[/teaser]

[button link=”#” variation=”olive” size=”large”]Your Text[/button]
[button link=”#” variation=”olive” size=”small”]Your Text[/button]
[download_link link=”#” variation=”olive”]Your Text[/download_link]
[email_link email=”#” variation=”olive”]Your Text[/email_link]
[fancy_link link=”#” variation=”olive”]Your Text[/fancy_link]

[teaser]variation=”teal”[/teaser]

[button link=”#” variation=”teal” size=”large”]Your Text[/button]
[button link=”#” variation=”teal” size=”small”]Your Text[/button]
[download_link link=”#” variation=”teal”]Your Text[/download_link]
[email_link email=”#” variation=”teal”]Your Text[/email_link]
[fancy_link link=”#” variation=”teal”]Your Text[/fancy_link]

[teaser]variation=”blue”[/teaser]

[button link=”#” variation=”blue” size=”large”]Your Text[/button]
[button link=”#” variation=”blue” size=”small”]Your Text[/button]
[download_link link=”#” variation=”blue”]Your Text[/download_link]
[email_link email=”#” variation=”blue”]Your Text[/email_link]
[fancy_link link=”#” variation=”blue”]Your Text[/fancy_link]

[/one_third]

[one_third]

[teaser]variation=”deepblue”[/teaser]

[button link=”#” variation=”deepblue” size=”large”]Your Text[/button]
[button link=”#” variation=”deepblue” size=”small”]Your Text[/button]
[download_link link=”#” variation=”deepblue”]Your Text[/download_link]
[email_link email=”#” variation=”deepblue”]Your Text[/email_link]
[fancy_link link=”#” variation=”deepblue”]Your Text[/fancy_link]

[teaser]variation=”purple”[/teaser]

[button link=”#” variation=”purple” size=”large”]Your Text[/button]
[button link=”#” variation=”purple” size=”small”]Your Text[/button]
[download_link link=”#” variation=”purple”]Your Text[/download_link]
[email_link email=”#” variation=”purple”]Your Text[/email_link]
[fancy_link link=”#” variation=”purple”]Your Text[/fancy_link]

[teaser]variation=”hotpink”[/teaser]

[button link=”#” variation=”hotpink” size=”large”]Your Text[/button]
[button link=”#” variation=”hotpink” size=”small”]Your Text[/button]
[download_link link=”#” variation=”hotpink”]Your Text[/download_link]
[email_link email=”#” variation=”hotpink”]Your Text[/email_link]
[fancy_link link=”#” variation=”hotpink”]Your Text[/fancy_link]

[teaser]variation=”slategrey”[/teaser]

[button link=”#” variation=”slategrey” size=”large”]Your Text[/button]
[button link=”#” variation=”slategrey” size=”small”]Your Text[/button]
[download_link link=”#” variation=”slategrey”]Your Text[/download_link]
[email_link email=”#” variation=”slategrey”]Your Text[/email_link]
[fancy_link link=”#” variation=”slategrey”]Your Text[/fancy_link]

[teaser]variation=”mauve”[/teaser]

[button link=”#” variation=”mauve” size=”large”]Your Text[/button]
[button link=”#” variation=”mauve” size=”small”]Your Text[/button]
[download_link link=”#” variation=”mauve”]Your Text[/download_link]
[email_link email=”#” variation=”mauve”]Your Text[/email_link]
[fancy_link link=”#” variation=”mauve”]Your Text[/fancy_link]

[teaser]variation=”pearl”[/teaser]

[button link=”#” variation=”pearl” size=”large”]Your Text[/button]
[button link=”#” variation=”pearl” size=”small”]Your Text[/button]
[download_link link=”#” variation=”pearl”]Your Text[/download_link]
[email_link email=”#” variation=”pearl”]Your Text[/email_link]
[fancy_link link=”#” variation=”pearl”]Your Text[/fancy_link]

[teaser]variation=”steelblue”[/teaser]

[button link=”#” variation=”steelblue” size=”large”]Your Text[/button]
[button link=”#” variation=”steelblue” size=”small”]Your Text[/button]
[download_link link=”#” variation=”steelblue”]Your Text[/download_link]
[email_link email=”#” variation=”steelblue”]Your Text[/email_link]
[fancy_link link=”#” variation=”steelblue”]Your Text[/fancy_link]

[/one_third]

[one_third_last]

[teaser]variation=”mossgreen”[/teaser]

[button link=”#” variation=”mossgreen” size=”large”]Your Text[/button]
[button link=”#” variation=”mossgreen” size=”small”]Your Text[/button]
[download_link link=”#” variation=”mossgreen”]Your Text[/download_link]
[email_link email=”#” variation=”mossgreen”]Your Text[/email_link]
[fancy_link link=”#” variation=”mossgreen”]Your Text[/fancy_link]

[teaser]variation=”wheat”[/teaser]

[button link=”#” variation=”wheat” size=”large”]Your Text[/button]
[button link=”#” variation=”wheat” size=”small”]Your Text[/button]
[download_link link=”#” variation=”wheat”]Your Text[/download_link]
[email_link email=”#” variation=”wheat”]Your Text[/email_link]
[fancy_link link=”#” variation=”wheat”]Your Text[/fancy_link]

[teaser]variation=”coffee”[/teaser]

[button link=”#” variation=”coffee” size=”large”]Your Text[/button]
[button link=”#” variation=”coffee” size=”small”]Your Text[/button]
[download_link link=”#” variation=”coffee”]Your Text[/download_link]
[email_link email=”#” variation=”coffee”]Your Text[/email_link]
[fancy_link link=”#” variation=”coffee”]Your Text[/fancy_link]

[teaser]variation=”copper”[/teaser]

[button link=”#” variation=”copper” size=”large”]Your Text[/button]
[button link=”#” variation=”copper” size=”small”]Your Text[/button]
[download_link link=”#” variation=”copper”]Your Text[/download_link]
[email_link email=”#” variation=”copper”]Your Text[/email_link]
[fancy_link link=”#” variation=”copper”]Your Text[/fancy_link]

[teaser]variation=”silver”[/teaser]

[button link=”#” variation=”silver” size=”large”]Your Text[/button]
[button link=”#” variation=”silver” size=”small”]Your Text[/button]
[download_link link=”#” variation=”silver”]Your Text[/download_link]
[email_link email=”#” variation=”silver”]Your Text[/email_link]
[fancy_link link=”#” variation=”silver”]Your Text[/fancy_link]

[teaser]variation=”black”[/teaser]

[button link=”#” variation=”black” size=”large”]Your Text[/button]
[button link=”#” variation=”black” size=”small”]Your Text[/button]
[download_link link=”#” variation=”black”]Your Text[/download_link]
[email_link email=”#” variation=”black”]Your Text[/email_link]
[fancy_link link=”#” variation=”black”]Your Text[/fancy_link]

[/one_third_last]

Custom Colors

You can also use any other color you want for the button background and the text of the button or the fancy link. Simply specify the hex color number.

[button link=”#” size=”large” bgcolor = “#7174ff” textcolor = “#fff95e”]Your Text[/button]
[button link=”#” size=”small” bgcolor = “#7174ff” textcolor = “#fff95e”]Your Text[/button]
[fancy_link link=”#” textcolor = “#7174ff”]Your Text[/fancy_link]

Leave a Reply

Your email address will not be published. Required fields are marked *