- Hover Buttons
- Image Scroller
- Icon Boxes
- Buttons
- Boxes + Callouts
- Carousel
- Contact Form
- Lines + Dividers
- Lists
- Tables
- Google Maps
- Fancybox
- Google Trends
- Google Docs
- Google Charts
- Audio
- Video
- Related
- Responsive Columns
- Retina Icons
- Progress Bars
- Tabs
- Toggle
- Tooltip + Popover + Modal
- Typography
- SVG Drawings
- Spinning Icons
- Sections - Parallax
- Animated
- Swiper
- Icon Melon
- Accordion
Boxes Callouts


Proin vitae feugiat ante. In semper dignissim rutrum. Vestibulum ante ipsum primis
in faucibus orci luctus et ultrices posuere cubilia Curae Ut vitae nulla in dui ullamcorper.
Find Out More
Boxes
Boxes and Callouts are a great way to grab your visitor’s eye and direct them to important content within the post. The Supreme Shortcode Plugin pack comes with 4 box variations (Info, Warning, Success, and Alert), all of which stem from the [st_ box ] shortcode and are adjustable using the type=”” parameter. These boxes and callouts have a fluid width that automatically adjusts the the size of its parent element.
Easy to use with Perfect Design
Supreme Boxes with 4 Types (Info, Warning, Success, and Alert)
12 Different Boxes Sizes
Flat Colours + Cool Icons
Info
[st_
box title=”Info Title” type=”info”]Info Text[/st_box]
Success
[st_
box title=”Well done!” type=”success”]You successfully read this important alert message.[/st_box]
Warning
[st_
box title=”Warning title” type=”warning”]Warning Text[/st_box]
Alert
[st_
box title=”Alert Title” type=”error”]Alert Text[/st_box]
Customization Options


Callouts – Call To Action
Awsome Teasers & Callouts
Perfect Flat Design, Easy to use, Use Nested Shortcodes, Aswell as Icons…
[st_
callout title=”Title” button_text=”Button text” link=”Button link”]Text[/st_callout]
Customization Options

Custom Call To Action Examples
Come Visit Us!
Praesent mi risus, fringilla et congue a, adipiscing a justo. Etiam non nulla libero.Proin vitae feugiat ante. In semper dignissim rutrum. Vestibulum ante ipsum primis
in faucibus orci luctus et ultrices posuere cubilia Curae Ut vitae nulla in dui ullamcorper.
Find Out More
[st_
section_color color=’#999′ padding=’50’]
[st_
text_color color=’#ffffff’]Come Visit Us![/st_
text_color]
[st_
text_color color=’#ffffff’]Praesent mi risus, fringilla et congue a, adipiscing a justo. Etiam non nulla libero.
Proin vitae feugiat ante. In semper dignissim rutrum. Vestibulum ante ipsum primis
in faucibus orci luctus et ultrices posuere cubilia Curae Ut vitae nulla in dui ullamcorper.[/st_
text_color]
[st_
clear]
[st_
break_line]
[st_
modal modal_link=”Find Out More” primary_text=”Even More Info” primary_link=”#” modal_title=”More About”]Your Modal Box text goes here..[/st_
modal]
[/st_
section_color]
Another Flat Styled Box!
Play with it a little bit, and add some cool buttons with icons.
[st_
section_color color=’#E74C3C’ padding=’80px’]
[st_
break_line]
[st_
icon name=’star-half-o’ size=’icon-4′ color=’#ffffff’]
Another Flat Styled Box!
Play with it a little bit, and add some cool buttons with icons.
[st_
button text_color=”#ffffff” link=”#” background=”#333333″ size=”large” target=”_self” icon=’rocket’]Cool Button[/st_button]
[/st_
section_color]
[st_
section_image image_id=’1367′ bg_color=’#ffffff’ type=’scroll’ bg_position=’center center’ repeat=’repeat’ padding=’20’]
[st_
icon name=’camera’ size=’icon-4′ color=’#333333′]
[st_
break_line]
Why Use Custom Image Box?
Praesent mi risus, fringilla et congue a, adipiscing a justo. Etiam non nulla libero.
Proin vitae feugiat ante. In semper dignissim rutrum. Praesent mi risus,
fringilla et congue a, adipiscing a justo.
[st_
break_line]
[st_
hover_fill_button text_color=”#333333″ link=”” background=”#ffffff” hover_background=”#333333″ size=”large” target=”_self” icon=”mobile-phone” border_radius=”” hover_direction=”ss-expand-c”] Call To Action[/st_
hover_fill_button]
[/st_
section_image]