[section]
[column size=”col-3″ bottom_margin=”false”]
[h5_focus_heading]9 Different Colors[/h5_focus_heading]
There are 9 different colors, including the default one which changes on different color scheme.
[/column]
[column size=”col-3″ bottom_margin=”false”]
[h5_focus_heading]5 Different Sizes[/h5_focus_heading]
There are 5 different sizes and every size looks awesome. Combine icons with colors, icons and round effects.
[/column]
[column size=”col-3″ bottom_margin=”false”]
[h5_focus_heading]Rounded or Squared[/h5_focus_heading]
For each button combination you can choose if your button is rounded or squared. Awesome!
[/column]
[column size=”col-3″ last_column=”true” bottom_margin=”false”]
[h5_focus_heading]Over 350 icons to use[/h5_focus_heading]
There are over 350 icons to use with buttons. Use our Shortcode Generator for easy creation.
[/column]
[/section]
[separator]
[section]
[column size=”col-12″ last_column=”true”]
[button title=”Default” color=”” size=”normal” link=”#” icon=””]
[button title=”Blue” color=”blue” size=”normal” link=”#” icon=””]
[button title=”Green” color=”green” size=”normal” link=”#” icon=””]
[button title=”Red” color=”red” size=”normal” link=”#” icon=””]
[button title=”Orange” color=”orange” size=”normal” link=”#” icon=””]
[button title=”Purple” color=”purple” size=”normal” link=”#” icon=””]
[button title=”Grey” color=”grey” size=”normal” link=”#” icon=””]
[button title=”Cyan” color=”cyan” size=”normal” link=”#” icon=””]
[button title=”Black” color=”black” size=”normal” link=”#” icon=””]
[/column]
[column last_column=”true”]
[button title=”Default” color=”” rounded=”true” size=”normal” link=”#” icon=””]
[button title=”Blue” color=”blue” rounded=”true” size=”normal” link=”#” icon=””]
[button title=”Green” color=”green” rounded=”true” size=”normal” link=”#” icon=””]
[button title=”Red” color=”red” rounded=”true” size=”normal” link=”#” icon=””]
[button title=”Orange” color=”orange” rounded=”true” size=”normal” link=”#” icon=””]
[button title=”Purple” color=”purple” rounded=”true” size=”normal” link=”#” icon=””]
[button title=”Grey” color=”grey” rounded=”true” size=”normal” link=”#” icon=””]
[button title=”Cyan” color=”cyan” rounded=”true” size=”normal” link=”#” icon=””]
[button title=”Black” color=”black” rounded=”true” size=”normal” link=”#” icon=””]
[/column]
[/section]
[separator]
[section]
[column size=”col-6″]
[button title=”Title” color=”blue” size=”small” link=”#” icon=””]
[button title=”Title” color=”blue” size=”normal” link=”#” icon=””]
[button title=”Title” color=”blue” size=”large” link=”#” icon=””]
[button title=”Title” color=”blue” size=”xlarge” link=”#” icon=””]
[button title=”Title” color=”blue” size=”mega” link=”#” icon=””]
[/column]
[column size=”col-6″ last_column=”true”]
[button title=”Title” color=”blue” rounded=”true” size=”small” link=”#” icon=””]
[button title=”Title” color=”blue” rounded=”true” size=”normal” link=”#” icon=””]
[button title=”Title” color=”blue” rounded=”true” size=”large” link=”#” icon=””]
[button title=”Title” color=”blue” rounded=”true” size=”xlarge” link=”#” icon=””]
[button title=”Title” color=”blue” rounded=”true” size=”mega” link=”#” icon=””]
[/column]
[column size=”col-6″]
[button title=”Title” color=”” size=”small” link=”#” icon=””]
[button title=”Title” color=”” size=”normal” link=”#” icon=””]
[button title=”Title” color=”” size=”large” link=”#” icon=””]
[button title=”Title” color=”” size=”xlarge” link=”#” icon=””]
[button title=”Title” color=”” size=”mega” link=”#” icon=””]
[/column]
[column size=”col-6″ last_column=”true”]
[button title=”Title” color=”” rounded=”true” size=”small” link=”#” icon=””]
[button title=”Title” color=”” rounded=”true” size=”normal” link=”#” icon=””]
[button title=”Title” color=”” rounded=”true” size=”large” link=”#” icon=””]
[button title=”Title” color=”” rounded=”true” size=”xlarge” link=”#” icon=””]
[button title=”Title” color=”” rounded=”true” size=”mega” link=”#” icon=””]
[/column]
[column size=”col-6″]
[button title=”Title” color=”green” size=”small” link=”#” icon=””]
[button title=”Title” color=”green” size=”normal” link=”#” icon=””]
[button title=”Title” color=”green” size=”large” link=”#” icon=””]
[button title=”Title” color=”green” size=”xlarge” link=”#” icon=””]
[button title=”Title” color=”green” size=”mega” link=”#” icon=””]
[/column]
[column size=”col-6″ last_column=”true”]
[button title=”Title” color=”green” size=”small” link=”#” icon=””]
[button title=”Title” color=”green” size=”normal” link=”#” icon=””]
[button title=”Title” color=”green” size=”large” link=”#” icon=””]
[button title=”Title” color=”green” size=”xlarge” link=”#” icon=””]
[button title=”Title” color=”green” size=”mega” link=”#” icon=””]
[/column]
[column size=”col-6″]
[button title=”Title” color=”red” size=”small” link=”#” icon=””]
[button title=”Title” color=”red” size=”normal” link=”#” icon=””]
[button title=”Title” color=”red” size=”large” link=”#” icon=””]
[button title=”Title” color=”red” size=”xlarge” link=”#” icon=””]
[button title=”Title” color=”red” size=”mega” link=”#” icon=””]
[/column]
[column size=”col-6″ last_column=”true”]
[button title=”Title” color=”red” rounded=”true” size=”small” link=”#” icon=””]
[button title=”Title” color=”red” rounded=”true” size=”normal” link=”#” icon=””]
[button title=”Title” color=”red” rounded=”true” size=”large” link=”#” icon=””]
[button title=”Title” color=”red” rounded=”true” size=”xlarge” link=”#” icon=””]
[button title=”Title” color=”red” rounded=”true” size=”mega” link=”#” icon=””]
[/column]
[column size=”col-6″]
[button title=”Title” color=”grey” size=”small” link=”#” icon=””]
[button title=”Title” color=”grey” size=”normal” link=”#” icon=””]
[button title=”Title” color=”grey” size=”large” link=”#” icon=””]
[button title=”Title” color=”grey” size=”xlarge” link=”#” icon=””]
[button title=”Title” color=”grey” size=”mega” link=”#” icon=””]
[/column]
[column size=”col-6″ last_column=”true”]
[button title=”Title” color=”grey” rounded=”true” size=”small” link=”#” icon=””]
[button title=”Title” color=”grey” rounded=”true” size=”normal” link=”#” icon=””]
[button title=”Title” color=”grey” rounded=”true” size=”large” link=”#” icon=””]
[button title=”Title” color=”grey” rounded=”true” size=”xlarge” link=”#” icon=””]
[button title=”Title” color=”grey” rounded=”true” size=”mega” link=”#” icon=””]
[/column]
[column size=”col-6″]
[button title=”Title” color=”cyan” size=”small” link=”#” icon=””]
[button title=”Title” color=”cyan” size=”normal” link=”#” icon=””]
[button title=”Title” color=”cyan” size=”large” link=”#” icon=””]
[button title=”Title” color=”cyan” size=”xlarge” link=”#” icon=””]
[button title=”Title” color=”cyan” size=”mega” link=”#” icon=””]
[/column]
[column size=”col-6″ last_column=”true”]
[button title=”Title” color=”cyan” rounded=”true” size=”small” link=”#” icon=””]
[button title=”Title” color=”cyan” rounded=”true” size=”normal” link=”#” icon=””]
[button title=”Title” color=”cyan” rounded=”true” size=”large” link=”#” icon=””]
[button title=”Title” color=”cyan” rounded=”true” size=”xlarge” link=”#” icon=””]
[button title=”Title” color=”cyan” rounded=”true” size=”mega” link=”#” icon=””]
[/column]
[column size=”col-6″]
[button title=”Title” color=”orange” size=”small” link=”#” icon=””]
[button title=”Title” color=”orange” size=”normal” link=”#” icon=””]
[button title=”Title” color=”orange” size=”large” link=”#” icon=””]
[button title=”Title” color=”orange” size=”xlarge” link=”#” icon=””]
[button title=”Title” color=”orange” size=”mega” link=”#” icon=””]
[/column]
[column size=”col-6″ last_column=”true”]
[button title=”Title” color=”orange” rounded=”true” size=”small” link=”#” icon=””]
[button title=”Title” color=”orange” rounded=”true” size=”normal” link=”#” icon=””]
[button title=”Title” color=”orange” rounded=”true” size=”large” link=”#” icon=””]
[button title=”Title” color=”orange” rounded=”true” size=”xlarge” link=”#” icon=””]
[button title=”Title” color=”orange” rounded=”true” size=”mega” link=”#” icon=””]
[/column]
[column size=”col-6″]
[button title=”Title” color=”purple” size=”small” link=”#” icon=””]
[button title=”Title” color=”purple” size=”normal” link=”#” icon=””]
[button title=”Title” color=”purple” size=”large” link=”#” icon=””]
[button title=”Title” color=”purple” size=”xlarge” link=”#” icon=””]
[button title=”Title” color=”purple” size=”mega” link=”#” icon=””]
[/column]
[column size=”col-6″ last_column=”true”]
[button title=”Title” color=”purple” rounded=”true” size=”small” link=”#” icon=””]
[button title=”Title” color=”purple” rounded=”true” size=”normal” link=”#” icon=””]
[button title=”Title” color=”purple” rounded=”true” size=”large” link=”#” icon=””]
[button title=”Title” color=”purple” rounded=”true” size=”xlarge” link=”#” icon=””]
[button title=”Title” color=”purple” rounded=”true” size=”mega” link=”#” icon=””]
[/column]
[/section]
[separator]
[section]
[column size=”col-12″ last_column=”true”]
[button title=”Default” color=”” size=”normal” link=”#” icon=”icon-globe”]
[button title=”Blue” color=”blue” size=”normal” link=”#” icon=”icon-wrench”]
[button title=”Green” color=”green” size=”normal” link=”#” icon=”icon-hand-up”]
[button title=”Red” color=”red” size=”normal” link=”#” icon=”icon-underline”]
[button title=”Orange” color=”orange” size=”normal” link=”#” icon=”icon-money”]
[button title=”Purple” color=”purple” size=”normal” link=”#” icon=”icon-bell”]
[button title=”Grey” color=”grey” size=”normal” link=”#” icon=”icon-bullhorn”]
[button title=”Cyan” color=”cyan” size=”normal” link=”#” icon=”icon-magic”]
[button title=”Default” color=”” size=”normal” link=”#” icon=”icon-caret-left”]
[button title=”Blue” color=”blue” size=”normal” link=”#” icon=”icon-table”]
[button title=”Green” color=”green” size=”normal” link=”#” icon=”icon-ok”]
[button title=”Red” color=”red” size=”normal” link=”#” icon=”icon-bolt”]
[button title=”Orange” color=”orange” size=”normal” link=”#” icon=”icon-umbrella”]
[button title=”Purple” color=”purple” size=”normal” link=”#” icon=”icon-paste”]
[button title=”Grey” color=”grey” size=”normal” link=”#” icon=”icon-sort-up”]
[button title=”Cyan” color=”cyan” size=”normal” link=”#” icon=”icon-columns”]
[button title=”Default” color=”” size=”normal” link=”#” icon=”icon-flag”]
[button title=”Blue” color=”blue” size=”normal” link=”#” icon=”icon-barcode”]
[button title=”Green” color=”green” size=”normal” link=”#” icon=”icon-bookmark”]
[button title=”Red” color=”red” size=”normal” link=”#” icon=”icon-print”]
[button title=”Orange” color=”orange” size=”normal” link=”#” icon=”icon-headphones”]
[button title=”Purple” color=”purple” size=”normal” link=”#” icon=”icon-picture”]
[button title=”Grey” color=”grey” size=”normal” link=”#” icon=”icon-stop”]
[button title=”Cyan” color=”cyan” size=”normal” link=”#” icon=”icon-forward”]
[/column]
[/section]
[section]
[infobox last_column=”true” color=”green”]These are just some of many icons. Find full icon list here. You can use icons with any button size, color or rounded buttons.[/infobox]
[/section]
[separator]
[section]
[column size=”col-4″ bottom_margin=”false”]
[h5_focus_heading]Read More Button[/h5_focus_heading]
[read_more_button link=”#”]Go on. Read more about this.[/read_more_button]
[spacer height=”10px”]
[read_more_button link=”#”]Find more about Aegaeus.[/read_more_button]
[spacer height=”10px”]
[read_more_button ribbon=”true” link=”#”]Read more about this article.[/read_more_button]
[spacer height=”10px”]
[read_more_button ribbon=”true” link=”#”]Read more.[/read_more_button]
[spacer height=”10px”]
[read_more_button ribbon=”true” link=”#”]Your text goes here.[/read_more_button]
[/column]
[column size=”col-8″ bottom_margin=”false” last_column=”true”]
[h5_focus_heading]Combo Buttons[/h5_focus_heading]
[button title=”Purchase Now” color=”blue” link=”#” icon=”icon-magic”][focus_separator_text]OR[/focus_separator_text][button title=”Learn More” color=”grey” link=”#” icon=”icon-camera”][clear]
[button title=”Confirm Action” color=”green” link=”#” icon=”icon-ok”][focus_separator_text]OR[/focus_separator_text][button title=”Discard Action” color=”red” link=”#” icon=”icon-remove”][clear]
[button title=”XLarge Button” size=”xlarge” color=”orange” link=”#” icon=”icon-check”][focus_separator_text]OR[/focus_separator_text][button title=”XLarge Button” size=”xlarge” color=”cyan” link=”#” icon=”icon-pencil”][clear]
[button title=”Mega Button” size=”mega” color=”purple” link=”#” icon=”icon-list”][focus_separator_text]OR[/focus_separator_text][button title=”Mega Button” size=”mega” color=”black” link=”#” icon=”icon-share”][clear]
[/column]
[/section]
[separator text=”How to use”]
[infobox last_column=”true” size=”col-12″ color=”blue”]Aegaeus comes with super awesome user friendly Shortcode Generator which allows you to create any of many shortcodes in less than 2 clicks. If you prefer the code, you can find it bellow. You can copy-paste it to your page. Comments are annotated with double slashes //[/infobox]
[clear]
[section]
[toggle title=”Get the code”]
// Default button with normal size - no icon
[button title="Default" color="" size="normal" link="#" icon=""]
// Red button with large size - no icon
[button title="Large" color="red" size="large" link="#" icon=""]
// Purple button with XLarge size and bolt icon
[button title="Xlarge" color="purple" size="xlarge" link="#" icon="Q"]
// Green button with Mega size and globe icon
[button title="Mega" color="green" size="mega" link="#" icon="globe"]
// Read more button
[read_more_button link="#"]Your text goes here.[/read_more_button]
// Xlarge Button Combo
[button title="XLarge Button" size="xlarge" color="orange" link="#" icon="6"][focus_separator_text]OR[/focus_separator_text][button title="XLarge Button" size="xlarge" color="cyan" link="#" icon="B"]
[/toggle]
[/section]