[gem_custom_header subtitle=”Make the most of your content. Make it work for you. With Call-To-Action Boxes in different styles and layouts. You can use icons or images as CTAs in different shapes & sizes. With awesome buttons & backgrounds!” icon_position=”gem-custom-header-icon-position-centered” background_style=”cover” breadcrumbs=”1″ pack=”material” size=”xlarge” subtitle_color=”#ffffff” ch_background_color=”#31323f” icon_material=”f243″ opacity=”1″ color=”#00bcd4″ padding_bottom=”125″ title_bottom_margin=”10″ background_image=”1080″ padding_top=”85″]

AlertBoxes

[/gem_custom_header]

asymmetric styles

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.

[gem_alert_box icon_pack=”material” icon_shape=”circle” icon_size=”large” content_background_color=”#f0f3f2″ button_1_size=”medium” button_1_corner=”3″ button_1_icon_pack=”material” button_1_text=”buy now” button_1_text_color=”#ffffff” button_1_background_color=”#00bcd4″ icon_color=”#99a9b5″ icon_background_color=”#ffffff” icon_material=”f2b9″]

alert box with icons

[/gem_alert_box]

[gem_alert_box icon_pack=”material” icon_shape=”circle” icon_size=”medium” content_background_color=”” button_1_style=”outline” button_1_size=”medium” button_1_corner=”3″ button_1_border=”2″ button_1_icon_pack=”material” button_1_text=”buy now” button_1_text_color=”#7e91ff” icon_color=”#00bcd4″ icon_background_color=”#ffffff” icon_material=”f129″ icon_border_color=”#00bcd4″ border_color=”#b6c6c9″ border_width=”3px” button_1_border_color=”#7e91ff”]

[/gem_alert_box]

[gem_alert_box icon_pack=”material” icon_shape=”circle” icon_style=”angle-90deg” icon_size=”large” content_background_color=”” button_1_size=”medium” button_1_corner=”25″ button_1_icon_pack=”material” button_1_text=”buy now” button_1_text_color=”#ffffff” button_1_background_color=”#46485c” icon_color=”#7ebeff” icon_material=”f3f0″ border_color=”#dfe5e8″ border_width=”1px” icon_color_2=”#7e91ff”]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

[/gem_alert_box]

[gem_alert_box icon_pack=”image” icon_shape=”circle” icon_size=”large” content_background_color=”#f0f3f2″ button_1_size=”medium” button_1_corner=”0″ button_1_icon_pack=”material” button_1_text=”live chat” button_1_text_color=”#ffffff” button_1_background_color=”#662d91″ image=”1935″ button_1_icon_material=”f24d”]

images instead of icons

[/gem_alert_box]

[gem_alert_box icon_pack=”image” icon_size=”large” content_background_color=”” content_background_style=”cover” content_background_position_vertical=”center” button_1_size=”medium” button_1_corner=”3″ button_1_icon_pack=”material” button_1_text=”support” button_1_text_color=”#ffffff” button_1_background_color=”#00bcd4″ image=”138″ button_1_icon_material=”f374″ content_background_image=”1061″]

images for background

[/gem_alert_box]

[gem_alert_box icon_pack=”material” icon_shape=”circle” icon_size=”large” content_background_color=”#f0f3f2″ button_1_size=”medium” button_1_corner=”25″ button_1_icon_pack=”material” button_1_text=”buy the gem” button_1_text_color=”#ffffff” button_1_background_color=”#ff7070″ button_1_icon_material=”f287″]

text only + button

[/gem_alert_box]

[gem_alert_box icon_pack=”material” icon_shape=”circle” content_background_color=”#ffb932″ button_1_size=”medium” button_1_corner=”0″ button_1_icon_pack=”material” button_1_text=”shop now” button_1_text_color=”#ffffff” button_1_background_color=”#2c2e3d” button_1_icon_material=”f287″ border_color=”#ffffff” border_width=”6″]

big promo alert box!

Awesome Total Sale -70% Off For All Collection During This Season!

[/gem_alert_box]

[gem_fullwidth background_position_vertical=”center” background_parallax=”1″ container=”1″ background_image=”1084″ padding_top=”115″ padding_bottom=”85″][gem_alert_box icon_pack=”material” icon_shape=”romb” icon_size=”large” content_background_color=”” button_1_style=”outline” button_1_size=”large” button_1_corner=”40″ button_1_border=”4″ button_1_icon_pack=”elegant” icon_material=”f287″ icon_color=”#deffab” icon_background_color=”#212331″ button_1_text=”buy now” button_1_text_color=”#deffab” button_1_border_color=”#deffab”]

100% fullwidth background

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

[/gem_alert_box][/gem_fullwidth]

use different icon sizes

[gem_textbox]

[gem_icon pack=”material” centered=”1″ icon_material=”f1c4″ color=”#b6c6c9″ background_color=”#dfe5e8″]

Small

[gem_divider margin_top=”-10″]

24/50

[/gem_textbox]

[gem_textbox]

[gem_icon pack=”material” size=”medium” centered=”1″ icon_material=”f2a4″ color=”#b6c6c9″ background_color=”#dfe5e8″]

Medium

[gem_divider margin_top=”-10″]

48/80

[/gem_textbox]

[gem_textbox]

[gem_icon pack=”material” shape=”circle” size=”large” centered=”1″ icon_material=”f483″ color=”#b6c6c9″ background_color=”#dfe5e8″]

Large

[gem_divider margin_top=”-10″]

96/160

[/gem_textbox]

[gem_textbox padding_left=”10px” padding_right=”10px”][gem_divider margin_top=”-20″][gem_icon pack=”material” shape=”circle” size=”xlarge” centered=”1″ icon_material=”f25c” color=”#b6c6c9″ background_color=”#dfe5e8″]

XLarge

[gem_divider margin_top=”-10″]

144/240

[/gem_textbox]

and different shape types

outlined

[gem_icon pack=”material” shape=”circle” centered=”1″ icon_material=”f287″ color=”#b6c6c9″ border_color=”#b6c6c9″ icon_top_margin=”10″]

[gem_icon pack=”material” centered=”1″ icon_material=”f287″ color=”#b6c6c9″ border_color=”#b6c6c9″ icon_top_margin=”10″]

[gem_icon pack=”material” shape=”hexagon” centered=”1″ icon_material=”f287″ color=”#b6c6c9″ border_color=”#b6c6c9″ background_color=”#ffffff” icon_top_margin=”10″]

[gem_icon pack=”material” shape=”romb” centered=”1″ icon_material=”f287″ color=”#b6c6c9″ border_color=”#b6c6c9″]

flat

[gem_icon pack=”material” shape=”circle” centered=”1″ icon_material=”f287″ color=”#ffffff” background_color=”#b6c6c9″ icon_top_margin=”10″]

[gem_icon pack=”material” centered=”1″ icon_material=”f287″ color=”#ffffff” background_color=”#b6c6c9″ icon_top_margin=”10″]

[gem_icon pack=”material” shape=”hexagon” centered=”1″ icon_material=”f287″ color=”#ffffff” background_color=”#b6c6c9″ icon_top_margin=”10″]

[gem_icon pack=”material” shape=”romb” centered=”1″ icon_material=”f287″ color=”#ffffff” background_color=”#b6c6c9″]

with alpha

[gem_icon pack=”material” shape=”circle” centered=”1″ icon_material=”f287″ color=”#ffffff” border_color=”#fcd0cc” background_color=”#f9a19a” icon_top_margin=”10″]

[gem_icon pack=”material” centered=”1″ icon_material=”f287″ color=”#ffffff” border_color=”#fcd0cc” background_color=”#f9a19a” icon_top_margin=”10″]

[gem_icon pack=”material” shape=”hexagon” centered=”1″ icon_material=”f287″ color=”#ffffff” border_color=”#fcd0cc” background_color=”#f9a19a” icon_top_margin=”10″]

[gem_icon pack=”material” shape=”romb” centered=”1″ icon_material=”f287″ color=”#ffffff” border_color=”#fcd0cc” background_color=”#f9a19a”]

[gem_textbox content_background_color=”#906ad3″ top_style=”ticket” bottom_style=”ticket” padding_top=”20″ padding_bottom=”20″][gem_button position=”center” style=”outline” size=”giant” corner=”0″ border=”6″ icon_pack=”elegant” text=”great, i want buy now!” text_color=”#ffffff” border_color=”#ffffff”][/gem_textbox]

beautiful centered styles

[gem_fullwidth background_parallax=”1″ container=”1″ background_image=”1218″ padding_top=”55″][gem_alert_box icon_pack=”material” icon_size=”xlarge” content_background_color=”” button_1_style=”outline” button_1_size=”large” button_1_corner=”40″ button_1_border=”4″ button_1_icon_pack=”elegant” button_2_activate=”1″ button_2_style=”outline” button_2_size=”large” button_2_corner=”40″ button_2_border=”4″ button_2_icon_pack=”elegant” centered=”1″ icon_material=”f287″ icon_color=”#deffab” button_1_text=”buy it now” button_1_text_color=”#deffab” button_1_border_color=”#deffab” button_2_text=” see more ” button_2_text_color=”#7e8cff” button_2_border_color=”#7e8cff”]

big-n-bold alert

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam nostrud exercitation ullamco laboris nisi.

[/gem_alert_box]

[/gem_fullwidth][gem_divider margin_top=”-27″]

[gem_fullwidth container=”1″ background_color=”#f0f3f2″]

[gem_alert_box icon_pack=”image” icon_size=”medium” content_background_color=”” button_1_style=”outline” button_1_size=”medium” button_1_corner=”0″ button_1_border=”3″ button_1_icon_pack=”elegant” centered=”1″ image=”{{SRC_ID_1935}}” border_color=”#f0f3f2″ button_1_text=”hello!” button_1_text_color=”#01b9b1″ button_1_border_color=”#01b9b1″]

medium alert box

[gem_divider margin_top=”-10″][/gem_alert_box]

[/gem_fullwidth]

[gem_fullwidth container=”1″]

[gem_alert_box icon_shape=”circle” icon_size=”medium” content_background_color=”” button_1_style=”outline” button_1_size=”medium” button_1_text_weight=”thin” button_1_corner=”0″ button_1_border=”1″ button_1_icon_pack=”elegant” button_2_activate=”1″ button_2_style=”outline” button_2_size=”medium” button_2_text_weight=”thin” button_2_corner=”0″ button_2_border=”1″ button_2_icon_pack=”elegant” centered=”1″ icon_elegant=”e104″ icon_color=”#ffb932″ icon_border_color=”#ffb932″ border_color=”#f0f3f2″ button_1_text=”purchase now” button_1_text_color=”#6c136f” button_1_border_color=”#6c136f” button_2_text=”leave me alone” button_2_text_color=”#99a9b5″ button_2_border_color=”#99a9b5″]

thin alert box

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam nostrud exercitation ullamco laboris nisiut aliquip ex ea commodo. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat.

[gem_divider margin_top=”0″][/gem_alert_box]

[/gem_fullwidth]

[gem_fullwidth background_style=”cover” background_parallax=”1″ container=”1″ background_image=”1273″ padding_top=”170″ padding_bottom=”140″]

transparent png image

[gem_button position=”center” style=”outline” size=”medium” text_weight=”thin” corner=”40″ border=”1″ icon_pack=”elegant” text=”this is great!”][/gem_fullwidth][gem_divider margin_top=”-27″]

[gem_fullwidth container=”1″ styled_marker_bottom_style=”figure” styled_marker_bottom_direction=”outside” background_color=”#212331″ padding_top=”65″ padding_bottom=”65″]

Not just a wordpress theme. A real design jewel!

[gem_button position=”center” style=”outline” size=”medium” corner=”0″ border=”3″ icon_pack=”elegant” text=”buy now!” text_color=”#ff405b” border_color=”#ff405b”]

[/gem_fullwidth]

perfect fit in sidebar
and content area

[gem_alert_box icon_pack=”material” icon_shape=”circle” icon_size=”large” button_1_size=”tiny” button_1_corner=”0″ button_1_icon_pack=”elegant” button_2_activate=”1″ button_2_size=”tiny” button_2_corner=”3″ button_2_icon_pack=”elegant” centered=”1″ icon_material=”f120″ icon_color=”#b6c6c9″ icon_background_color=”#ffffff” button_1_text=”yes” button_1_text_color=”#ffffff” button_1_background_color=”#63cc8b” button_2_text=”no” button_2_text_color=”#ffffff” button_2_background_color=”#ff6f91″]

alert box with alerts

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt

[/gem_alert_box]

[gem_textbox content_background_color=”” centered=”1″ border_color=”#b6c6c9″ border_width=”3″ padding_top=”32″ padding_left=”20″ padding_right=”20″]

[gem_icon pack=”material” shape=”circle” size=”medium” icon_material=”f3cb” color=”#00bcd4″ border_color=”#00bcd4″]

alert box with alerts

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt

[gem_button position=”center” style=”outline” size=”tiny” corner=”0″ border=”2″ icon_pack=”elegant” text=”purchase now!” text_color=”#99a9b5″ border_color=”#99a9b5″][/gem_textbox]

[gem_alert_box icon_pack=”material” icon_style=”angle-90deg” icon_size=”large” content_background_color=”” button_1_size=”tiny” button_1_text_weight=”thin” button_1_corner=”15″ button_1_icon_pack=”elegant” button_2_activate=”1″ button_2_size=”tiny” button_2_text_weight=”thin” button_2_corner=”15″ button_2_icon_pack=”elegant” centered=”1″ icon_material=”f3f0″ icon_color=”#7ebeff” icon_color_2=”#7e91ff” border_color=”#dfe5e8″ border_width=”1″ button_1_text=”buy” button_1_text_color=”#ffffff” button_1_background_color=”#46485c” button_2_text=”more” button_2_text_color=”#ffffff” button_2_background_color=”#7e91ff”]

alert box with alerts

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt

[/gem_alert_box]

[gem_textbox content_background_color=”#ffb932″ padding_top=”20″ padding_bottom=”20″ padding_left=”20″ padding_right=”20″][gem_alert_box content_background_color=”#ffb932″ button_1_corner=”0″ button_1_icon_pack=”elegant” centered=”1″ border_color=”#ffffff” border_width=”6″ button_1_text=”buy now!” button_1_text_color=”#ffffff” button_1_background_color=”#2c2e3d”]

hot promo alert box
70% off

Awesome Total Sale -70% Off For All Collection During This Season!

[/gem_alert_box][/gem_textbox]

[gem_alert_box icon_pack=”image” icon_shape=”circle” icon_size=”medium” button_1_corner=”3″ button_1_icon_pack=”elegant” button_2_activate=”1″ button_2_corner=”3″ button_2_icon_pack=”elegant” centered=”1″ image=”{{SRC_ID_1935}}” button_1_text=”buy now” button_1_text_color=”#ffffff” button_1_background_color=”#662d91″ button_2_text=”more demo” button_2_text_color=”#ffffff” button_2_background_color=”#00bcd4″]

alert box with picture

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, commodo consequat.

[/gem_alert_box]

[gem_alert_box icon_pack=”image” icon_size=”medium” content_background_style=”cover” button_1_corner=”3″ button_1_icon_pack=”elegant” button_2_activate=”1″ button_2_corner=”3″ button_2_icon_pack=”elegant” centered=”1″ image=”138″ content_background_image=”1392″ button_1_text=”buy now” button_1_text_color=”#ffffff” button_1_background_color=”#ffb932″ button_2_text=”more demo” button_2_text_color=”#ffffff” button_2_background_color=”#212331″]

alert box with picture

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, commodo consequat.

[/gem_alert_box]

[gem_alert_box button_1_size=”medium” button_1_corner=”25″ button_1_icon_pack=”elegant” button_2_activate=”1″ button_2_size=”medium” button_2_corner=”25″ button_2_icon_pack=”elegant” centered=”1″ button_1_text=”purchase!” button_1_text_color=”#ffffff” button_1_background_color=”#3c3950″ button_2_text=”read more” button_2_text_color=”#ffffff” button_2_background_color=”#00bcd4″]

only text alert message

[/gem_alert_box]

[gem_fullwidth container=”1″ background_color=”#2c2e3d”]

call-to-action fullsize buttons

[/gem_fullwidth]

[gem_textbox content_background_color=”#522e73″ top_style=”ticket” bottom_style=”ticket” padding_top=”20″ padding_bottom=”20″][gem_button position=”center” style=”outline” size=”giant” corner=”0″ border=”6″ icon_pack=”material” text=”ok, show me more…” text_color=”#ffffff” border_color=”#ffffff” icon_material=”f2c4″][/gem_textbox]

[gem_fullwidth container=”1″ background_color=”#00ffff”][gem_textbox content_background_color=”” centered=”1″ padding_top=”10″ padding_bottom=”30″][gem_button size=”medium” corner=”25″ icon_pack=”material” text=”purchase now!” text_color=”#00ffff” background_color=”#3c3950″ icon_material=”f23e”][gem_button style=”outline” size=”medium” corner=”25″ border=”2″ icon_pack=”material” text=”more details” text_color=”#3c3950″ border_color=”#3c3950″ icon_material=”f491″][/gem_textbox][/gem_fullwidth]

[gem_divider margin_top=”-24″][gem_fullwidth background_color=”#2c2e3d” padding_top=”120″ padding_bottom=”120″][gem_button style=”outline” size=”medium” corner=”25″ border=”3″ separator=”single” icon_pack=”material” text=”purchase now” text_color=”#ffffff” border_color=”#ffffff” icon_material=”f1e7″][/gem_fullwidth]

[gem_textbox content_background_color=”” centered=”1″ padding_top=”40″ padding_bottom=”20″][gem_button style=”outline” size=”large” text_weight=”thin” corner=”0″ border=”1″ icon_pack=”material” text=”buy the gem” text_color=”#00ffff” border_color=”#00ffff” icon_material=”f287″][gem_button style=”outline” size=”large” text_weight=”thin” corner=”0″ border=”1″ icon_pack=”material” text=”more details” text_color=”#ffa749″ border_color=”#ffa749″ icon_material=”f59a”][/gem_textbox]

[gem_button position=”center” style=”outline” size=”large” corner=”3″ border=”3″ separator=”strong-double” icon_pack=”material” text=”i want it right now!” text_color=”#5f727f” border_color=”#5f727f” icon_material=”f1e6″]

[gem_fullwidth container=”1″ styled_marker_bottom_style=”figure” styled_marker_bottom_direction=”outside” background_color=”#f0f3f2″ padding_top=”65″ padding_bottom=”65″]

Not just a wordpress theme. A real design jewel!

[gem_button position=”center” style=”outline” size=”medium” corner=”0″ border=”3″ icon_pack=”elegant” text=”buy now!” text_color=”#ff405b” border_color=”#ff405b”]

[/gem_fullwidth]

[gem_fullwidth background_style=”cover” background_parallax=”1″ container=”1″ background_image=”1552″ padding_top=”170″ padding_bottom=”140″]

[gem_icon pack=”material” shape=”circle” size=”medium” centered=”1″ icon_material=”f531″ color=”#acac67″ border_color=”#acac67″ icon_bottom_margin=”70″]

amazing, yeah?

[/gem_fullwidth][gem_divider margin_top=”-27″]

Alert Boxes (Demo)

asymmetric styles

alert box with icons

images instead of icons

images for background

text only + button

big promo alert box!

100% fullwidth background

use different icon sizes

24/50

48/80

96/160

144/240