[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”]
[/column]
[column last_column=”true”]
[/column]
[/section]
[separator]
[section]
[column size=”col-6″]
[/column]
[column size=”col-6″ last_column=”true”]
[/column]
[column size=”col-6″]
[/column]
[column size=”col-6″ last_column=”true”]
[/column]
[column size=”col-6″]
[/column]
[column size=”col-6″ last_column=”true”]
[/column]
[column size=”col-6″]
[/column]
[column size=”col-6″ last_column=”true”]
[/column]
[column size=”col-6″]
[/column]
[column size=”col-6″ last_column=”true”]
[/column]
[column size=”col-6″]
[/column]
[column size=”col-6″ last_column=”true”]
[/column]
[column size=”col-6″]
[/column]
[column size=”col-6″ last_column=”true”]
[/column]
[column size=”col-6″]
[/column]
[column size=”col-6″ last_column=”true”]
[/column]
[/section]
[separator]
[section]
[column size=”col-12″ last_column=”true”]
[/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]
[focus_separator_text]OR[/focus_separator_text] [clear]
[focus_separator_text]OR[/focus_separator_text] [clear]
[focus_separator_text]OR[/focus_separator_text] [clear]
[focus_separator_text]OR[/focus_separator_text] [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]