Alert Boxes & Buttons

Alert Boxes

They have four different color shades. Each of the shades enhances the readability of the Alert Box content in its own way. These Alert Boxes are flexible in their length, i.e. you can either make them limited to a few grids or extend them as wide as the entire width of the page.


[sh_alert_box title=”Success” type=”success” message=”Lorem ipsum dolor sit amet ne onsec tetuer adn tashin ipis. Aenean commodo ligula egt tashin dolor in tashin tyonsew piscing elit. Aenean commodo tashin ligula.”][sh_alert_box title=”Error” type=”error” message=”Lorem ipsum dolor sit amet ne onsec tetuer adn tashin ipis. Aenean commodo ligula egt tashin dolor in tashin tyonsew piscing elit. Aenean commodo tashin ligula.”]
[sh_alert_box title=”Attention” type=”attention” message=”Lorem ipsum dolor sit amet ne onsec tetuer adn tashin ipis. Aenean commodo ligula egt tashin dolor in tashin tyonsew piscing elit. Aenean commodo tashin ligula.”][sh_alert_box title=”Did You Know” type=”didyouknow” message=”Lorem ipsum dolor sit amet ne onsec tetuer adn tashin ipis. Aenean commodo ligula egt tashin dolor in tashin tyonsew piscing elit. Aenean commodo tashin ligula.”]

Flexible Alert Boxes

[sh_alert_box title=”Attention” type=”attention” message=”Lorem ipsum dolor sit amet ne onsec tetuer adn tashin ipis. Aenean commodo ligula egt tashin dolor in tashin tyonsew piscing elit. Aenean commodo tashin ligula.”][sh_alert_box title=”Success” type=”success” message=”Lorem ipsum dolor sit amet ne onsec tetuer adn tashin ipis. Aenean commodo ligula egt tashin dolor in tashin tyonsew piscing elit. Aenean commodo tashin ligula.”][sh_alert_box title=”Error” type=”error” message=”Lorem ipsum dolor sit amet ne onsec tetuer adn tashin ipis. Aenean commodo ligula egt tashin dolor in tashin tyonsew piscing elit. Aenean commodo tashin ligula.”][sh_alert_box title=”Did You Know” type=”didyouknow” message=”Lorem ipsum dolor sit amet ne onsec tetuer adn tashin ipis. Aenean commodo ligula egt tashin dolor in tashin tyonsew piscing elit. Aenean commodo tashin ligula.”]

Buttons With Different Sizes and Colors

A number of buttons is also included in the theme, which have different sizes and varying color patterns. You can use any of these, through Visual Composer, on any page of your website and almost in any area of the webpage. Regarding their appearance, they are available in as many as 6 charming color patterns and the application of any of these depends solely on your own choice. Likewise, they have three different sizes, but none of them goes beyond the space of two grids.


[sh_button text=”Button” size=”large” color=”cyan” shadow=”none” link=”#”][sh_button text=”Button” size=”medium” color=”cyan” shadow=”none” link=”#”][sh_button text=”Button” size=”small” color=”cyan” shadow=”none” link=”#”]
[sh_button text=”Button” size=”large” color=”green” shadow=”none” link=”#”][sh_button text=”Button” size=”medium” color=”green” shadow=”none” link=”#”][sh_button text=”Button” size=”small” color=”green” shadow=”none” link=”#”]
[sh_button text=”Button” size=”large” color=”lightblue” shadow=”none” link=”#”][sh_button text=”Button” size=”medium” color=”lightblue” shadow=”none” link=”#”][sh_button text=”Button” size=”small” color=”lightblue” shadow=”none” link=”#”]
[sh_button text=”Button” size=”large” color=”darkblue” shadow=”none” link=”#”][sh_button text=”Button” size=”medium” color=”darkblue” shadow=”none” link=”#”][sh_button text=”Button” size=”small” color=”darkblue” shadow=”none” link=”#”]
[sh_button text=”Button” size=”medium” color=”orange” shadow=”none” link=”#”][sh_button text=”Button” size=”medium” color=”orange” shadow=”none” link=”#”][sh_button text=”Button” size=”small” color=”orange” shadow=”none” link=”#”]
[sh_button text=”Button” size=”large” color=”silver” shadow=”none” link=”#”][sh_button text=”Button” size=”medium” color=”silver” shadow=”none” link=”#”][sh_button text=”Button” size=”small” color=”silver” shadow=”none” link=”#”]
Share
Share

Mengo Hospital is Stephen Fry proof thanks to caching by WP Super Cache