Buttons & Notifications

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”]