Buttons
[divider type=”nomargintop”]
[one_half_first]
Theme Button
[button url=”#” style=”button” size=”large” type=”” target=”_self”]Button Text[/button][button url=”#” style=”button” size=”medium” type=”” target=”_self”]Button Text[/button][button url=”#” style=”button” size=”small” type=”” target=”_self”]Button Text[/button]
[divider]
[button url=”#” style=”primary” size=”large” type=”” target=”_self”]Button Text[/button][button url=”#” style=”primary” size=”medium” type=”” target=”_self”]Button Text[/button][button url=”#” style=”primary” size=”small” type=”” target=”_self”]Button Text[/button]
[divider]
[button url=”#” style=”readmore” size=”small” type=”” target=”_self”]Read more[/button]
[divider]
Theme buttons were defined by setting the theme color in theme options .
[/one_half_first]
[one_half]
Custom Button
[button url=”#” style=”light” size=”small” type=”” target=”_self”]Light button[/button][button url=”#” style=”aqua” size=”small” type=”” target=”_self”]Aqua[/button][button url=”#” style=”blue” size=”small” type=”” target=”_self”]Blue[/button][button url=”#” style=”green” size=”small” type=”” target=”_self”]Green[/button][button url=”#” style=”grey” size=”small” type=”” target=”_self”]Grey[/button][button url=”#” style=”red” size=”small” type=”” target=”_self”]Red[/button][button url=”#” style=”orange” size=”small” type=”” target=”_self”]Orange[/button][button url=”#” style=”purple” size=”small” type=”” target=”_self”]Purple[/button][button url=”#” style=”teal” size=”small” type=”” target=”_self”]Button Text[/button] [divider] [button url=”#” style=”light” size=”medium” type=”rounded” target=”_self”]Light button[/button][button url=”#” style=”aqua” size=”medium” type=”rounded” target=”_self”]Aqua[/button][button url=”#” style=”blue” size=”medium” type=”rounded” target=”_self”]Blue[/button][button url=”#” style=”green” size=”medium” type=”rounded” target=”_self”]Green[/button][button url=”#” style=”grey” size=”medium” type=”rounded” target=”_self”]Grey[/button][button url=”#” style=”red” size=”medium” type=”rounded” target=”_self”]Red[/button][button url=”#” style=”orange” size=”medium” type=”rounded” target=”_self”]Orange[/button][button url=”#” style=”purple” size=”medium” type=”rounded” target=”_self”]Purple[/button][button url=”#” style=”teal” size=”medium” type=”rounded” target=”_self”]Button Text[/button] [divider] [button url=”#” style=”light” size=”large” type=”” target=”_self”]Light button[/button][button url=”#” style=”aqua” size=”large” type=”” target=”_self”]Aqua[/button][button url=”#” style=”blue” size=”large” type=”” target=”_self”]Blue[/button][button url=”#” style=”green” size=”large” type=”” target=”_self”]Green[/button][button url=”#” style=”grey” size=”large” type=”” target=”_self”]Grey[/button][button url=”#” style=”red” size=”large” type=”” target=”_self”]Red[/button][button url=”#” style=”orange” size=”large” type=”” target=”_self”]Orange[/button][button url=”#” style=”purple” size=”large” type=”” target=”_self”]Purple[/button][button url=”#” style=”teal” size=”large” type=”” target=”_self”]Button Text[/button][/one_half]
[divider]
Notifications
[divider type=”nomargintop”]
[two_third_first][notification close=”true” style=”light”]Custom notification. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/notification] [notification close=”true” style=”blue”]Information notification. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/notification] [notification close=”true” style=”yellow”]Attention notification. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/notification] [notification close=”true” style=”green”]Success notification. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/notification] [notification close=”false” style=”red”]Error notification. The close button have been disabled :D[/notification][/two_third_first]
[divider type=”clear”]