This plugin adds 100+ extra functionalities to your website. You can choose from static elements such as: Boxes, Responsive rows and columns, Lines and dividers to animated elements such as: 3D Buttons, Modals and Popovers or Toggles and Tabs. Pritty much anything needed for todays modern web presentation.
Supreme Team have made the Supreme Shortcodes Builder so useful that you will start loving it from the very instance you start using them.
Built on Twitter Bootstrap framework for a responsive design, gives you 100% accurate fitting on any screen resolution.
We aim to make WordPress plugins easy-to-use for each user.
+ Followed by "One Click" idea!+ Twenty Eleven
+ Twenty Twelve
+ Twenty Thirteen
+ Twenty Fourteen
It also goes well with any other theme thanks to their unique id’s and classes!
Many options, colorpickers, dropdowns with selection, icon panel, search function and more is available in Supreme ShortCodes Builder Manager to help you create your desired element fast and easy. Shortcodes Manager is available in both WordPress Visual Editor and Text mode, and you can embed Shortcodes in Sidebar Widget, Excerpt.
Did we mentioned that all of the shortcodes are fully responsive?
Built on Twitter Bootstrap makes it 100% pixel perfect when it comes to different screen resolutions, operating systems and devices.
Customize your website with this wonderful plugin today!
|
|
There are two options for installing the Supreme Shortcodes WordPress Plugin: either upload the zip file using the WordPress Plugin Uploader or FTP the unzipped plugin files to the wp-content/plugins folder on your server.
Supreme Shortcodes WordPress Plugin requires WordPress 3.6+
With Supreme Shortcodes plugin it is possible to create, organize and customize any page easily. Page Snippets (Pre-Build Pages) makes your every pages Unique. We created all those snippets to show you that building exceptional pages can be really easy.
Use these Page Snippets as a base to start creating your awesome pages like About us, Galleries, Team, Contact, FAQ, Pricing, Process, History, and more with unlimited shortcode combinations.
Shortcode combination: Flat 3D Botton Shortcodes, Google Charts Shortcode, Columns / Unorder list with Retina Icons, Font Awesome Icons 300+, Social Icons 30+, Video Embed (Vimeo, YouTube, DailyMotion, Hosted, HTML5, Flash), Popup Over Shortcode, Modal Shortcode, Carousel Posts, Pages, Custom Post Types ( Portfolio, Events, Milestones...) Slider Shortcode, Testimonials Shorcode and Higlight (3 Flat colors), Divider - Scrooll to To.p
Shortcode combination: Side Navigation, Button, Horizontal Line, Callout Box, Font Awesome Icons, Row, Responsive Columns, Blue Highliht, Social Icons, Toggle, Contact Form, Progress Bars, Divider Top...
Shortcode combination: Side Navigation, Button, Calout Boxes, Font Awesome Icons, Row, Responsive Collumns, Gray and Blue Higlights, Social Icons, Dashed Divider, Info Box, Divider Top...
Shortcode combination: Side Navigation, Button, Dropcap, Callout Box, Divider Text Left, Google Chart, Ordered Lists, Progress Bars, Success Boxes, Divider Top...
Shortcodes combination: Row, Responsive Columns, Side Navigation, Button, Toogle, Tabs, Media/Video/Vimeo, Contact Form, Divider Top...
Shortcodes combination: Row, Responsive Columns, Buttons, Tabs, Progress Bars, Boxes, Divider Top...
Shortcodes combination: Side Navigation, Row, responsive Columns, Styled Table, Pricing Tabels, Buttons, Horizontal Line, Divider Top...
Shortcodes combination: Row, Responsive Columns, Button, Horizontal Line, Tabs, Read More Button, Toggles, Divider Top...
Shortcodes combination: Buttons, Colored Google Map, Row, Responsive Columns, Google Chart Geo, Font Awesome Retina Icons, Social Icons, Contact Form...
Each and Everything can be created using the Supreme Shortcodes Generator over and over again. We have made the Supreme Shortcodes Builder
so useful that you will start loving it from the very instance you start using them. Predefined Powerful 100+ Shortcodes have been included which will help you create
content in no time, so rich and incredible that your rivals are gonna envy you.
From a dropdown option in your edit page screen find that little colorful icon and simply select which shortcode to insert. This is how it looks in backend.
NOTE : ALL OF THESE SHORTCODES WORK IN TEXT WIDGETS AS WELL! YAY!
Just copy and paste any shortcode in your text widget and place it on any sidebar or footer widget if you wish.
It's that simple! Embed Shortcodes anywhere with Supreme ShortCodes Builder!
We present to you the Supreme Options Panel. Now, you can choose whether to include a sertain script and style or not.
Suitable if your theme's already using for example Twitter Bootstrap v.2.3.2. So why load it twice?
Another great new option is that you can now easily change colors for various elements/shortocdes. We understand the need for adjusting design and colors
so that fits in your theme design. With WordPress default color picker, choose desired colors for multiple elements.
If you still find some elements in conflict with your theme and don't want to digg into code, use this option. Write your own CSS rule and we promice,
it won't be overwritten whith the new plugin update. This option is also useful and it applies for you theme style. You can overwrite your theme's style
sheet if you put the CSS rule "!important" to the desired element.
Page snippets tab is for easy preview and download all available Page Snippets on the Supreme Shortcodes website.
Now you have an easy access to the list instead of going to another browser tab, search etc..
Video tutorials tab is also for easy access to our YouTube channel. Since we regulary update and upload our video tutorials, don't worry about staying behind,
all of the new and old videos will be visible in this tab of our Supreme Options Panel.
Animated allows for animating items on a page. There are many different options to choose from with some starting hidden and others ending hidden.
Animations can be triggered when an item on the page has the mouse hovered over it, when the user scrolls the page so that the item is visible, or when something is clicked with the mouse.
See Demo Animations here.
Animation Types
Trigger
Percent
[st_animated type='fadeInLeft' trigger='scroll' precent='20']Animated element goes here[/st_animated]
[st_animated type='bounce' trigger='hover' precent='']Animated element goes here[/st_animated]
[st_animated type='fadeOut' trigger='click' precent='']Animated element goes here[/st_animated]
Boxes are a great way to grab your visitor’s eye and direct them to important content within the post. The Supreme Shortcode pack comes with 4 box variations, all of which stem from the [st_ box ] shortcode and are adjustable using the type=”” parameter. These boxes have a fluid width that automatically adjusts the the size of its parent element.
[st_box title="Info Title" type="info"]Info Text[/st_box]
[st_box title="Warning title" type="warning"]Warning Text[/st_box]
[st_box title="Success Title" type="success"]Success Text[/st_box]
[st_box title="Alert Title" type="error"]Alert Text[/st_box]
NOTE: 12 Different Sizes if you combine them with Columns. For example:
[st_row] [st_column6] [st_box title="Alert Title" type="error"]Alert Text[/st_box] [/st_column6][st_column6] [st_box title="Alert Title" type="success"]Alert Text[/st_box] [/st_column6] [/st_row]
[st_callout title="Title" button_text="Button text" link="Button link"]Text[/st_callout]
Now there’s really no need to purchase and overload your WordPress website with another plugin! Supreme Shortcodes introduce a bran new shortcode for your collection, Icon Boxes!
Options and colors are unlimited! You can choose the position of the icon (left, right, top or bottom) or even the shape of the icon holder. Weather you choose circle or square, your icon box will look amazing.
But what’s more exciting, you are not limited to only title and little text inside your icon box! Content can hold another shortcode, any text formatting, image and so much more!
[st_icon_box background='#ffffff' opacity='0.1' border_color='#eeeeee' icon='heart' icon_color='#ffffff' icon_bg='#222222' icon_position='icon-top']Lorem Ipsum
Pellentesque egoists sed tortor egestas pretium. Nam eget fermentum tellus, et fermentum diam. Mauris hendrerit, diam non commodo laoreet, est elit volutpat mauris.[st_break_line][st_break_line][st_hover_fancy_icon_button text_color="#ffffff" link="" background="#db233f" size="large" target="_self" icon="arrow-right" icon_color="#ffffff" icon_background="#333333" icon_position="ss-icon-left" icon_separator="ss-sep-diagonal" border_radius="0px"]Button[/st_hover_fancy_icon_button]
[/st_icon_box]
With the built-in, fully responsive Carousel Slider you can easily insert awesome Image, Content, Posts, Pages,Custom Post Types (Events, Milestones, Portfolio) Slideshows everywhere.
You can display unlimited carousel sliders per page and specify a category to start with. Carousel slider width is completely flexible since it occupies columns to be more width flexible. It means you can display other contents beside carousel as well.
[st_posts_carousel posts='post' number='8']
[st_posts_carousel posts='page' number='8']
[st_posts_carousel posts='your-custom-post-type' number='8' display_title='no']
With the Supreme Swiper, fully responsive Carousel Slider you can easily insert awesome Image, Content, Posts, Pages,Custom Post Types (Events, Milestones, Portfolio) Slideshows everywhere.
You can display unlimited carousel sliders per page and specify a category to start with. Carousel slider width is completely flexible since it occupies columns to be more width flexible. It means you can display other contents beside carousel as well.
[st_swiper posts='post' number='8']
[st_swiper posts='page' number='8']
[st_posts_carousel posts='your-custom-post-type' number='8' display_title='no']
You can now set your own Contact Forms everywhere and use our built in captchas and akismet spam filtering! We also have an autoresponder that you can setup and use. Perfectly styled Contact Forms which are very easy to use, and it comes with 2 colours.
[st_contact_form_dark email='[email protected]']
[st_contact_form_light email='[email protected]']
Great to easily organize you content in the Page/Post with Break Lines, Horizontal Lines, 4 Dividers, and Clear Div option.
Let your content breathe, and add extra space before + after the content.
[st_break_line]
[st_clear]
It is pretty much self explanatory.
Insert horisontal line wherever on the website and its width will be 100% of the element (column) that surrounding it.
[st_horisontal_line]
[st_divider_dotted]
[st_divider_dashed]
[st_divider_shadow]
[st_divider_top]
[st_divider_text position='center' text='Our Portfolio']
Emphasize your unrdered lists with custom icons such as the often-needed, success, info, green plus, red minus, warning, star.
[st_unordered listicon="success"]
[st_unordered listicon="info"]
[st_unordered listicon="green plus"]
[st_unordered listicon="red minus"]
[st_unordered listicon="warning"]
[st_unordered listicon="star"]
[st_ordered][/st_ordered]
- First list item
- Second list item
- Third list item
- Fourth list item
- Fifth list item
- Sixth list item
- Seventh list item
- Eith list item
- Ninth list item
[st_table cols=”Item||Info||Features||Price” data=”Total Price=$79||Item #2||Item Data||Item Feature||$10||Item #3||Item Data||Item Feature||$19||Item #4||Item Data||Item Feature||$50″]
[st_pricing_table columns='4'] [st_pricing_column title='STANDARD'] [st_price_info cost='$19.95/month'][/st_price_info]
Make Custom Google Maps Look with simple Shortcode and add it anywhere. Use nearly all Features of the Google Maps API including unlimited color variations, and 4 Map Types Road, Satellite, Hybrid, Terrain.
* To convert an address into latitude & longitude please use this converter: Convert address to latitude and longotude.
[st_gmap latitude="40.709467" longitute="-74.008842" html="Colorful Road Map" zoom="13" maptype="ROADMAP" color="#03b2f7"]
[st_gmap latitude="40.709467" longitute="-74.008842" html="Satellite" zoom="10" maptype="SATELLITE" color="#03b2f7"]
[st_gmap latitude="40.709467" longitute="-74.008842" html="Hybrid" zoom="9" maptype="HYBRID" color="#03b2f7"]
[st_gmap latitude="40.709467" longitute="-74.008842" html="Terrain" zoom="13" maptype="TERRAIN" color="#03b2f7"]
[st_trends width="680" height="330" query="facebook, google, youtube, pinterest, twitter, linkedin" geo="US"]
Embed Documents, Presentations, Spreadsheets, Forms, Drawings, PDF, and more.
[st_gdocs width='680' height='400' url='https://docs.google.com/spreadsheet/ccc?key=0Aq8ebcJ6p6DjdFdZaGFoemFIVUJCbDNIeUJVTTJQQ3c&usp=sharing']
Supreme Google Chart Shortcodes let you embed interactive charts for displaying data from the Google Charts API. Embed 7 Google Chart Types: Pie, Bar, Area, Geo, Combo, Org, Bubble.
[st_chart_pie title="1" data="('Task', 'Hours per Day'),('Work', 11),('Sleep', 7),('Eat', 2),('Commute', 3)"]
[st_chart_bar title="Company Performance" data="('Year', 'Sales', 'Expenses'),('2004', 1000, 400),('2005', 1170, 460),('2006', 660, 1120),('2007', 1030, 540)" vaxis="Year" haxis="Amount"]
[st_chart_area title="Company Performance" data="('Year', 'Sales', 'Expenses'),('2004', 1000, 400),('2005', 1170, 460),('2006', 660, 1120),('2007', 1030, 540)" vaxis="Year" haxis="Amount"]
[st_chart_geo title="Popularity" data="('Country', 'Popularity'),('Germany', 200),('United States', 300),('Brazil', 400),('Canada', 500),('France', 600),('RU', 700)" primary="#ffff00" secondary="#ebe5d8"]
[st_chart_combo title="Monthly Coffee Production by Country" data="('Month','Bolivia','Ecuador','Madagascar','Papua New Guinea','Rwanda','Average'), ('2004/05',165,938,522,998,450,614.6), ('2005/06',135,1120,599,1268,288,682), ('2006/07',157,1167,587,807,397,623), ('2007/08',139,1110,615,968,215,609.4), ('2008/09',136,691,629,1026,366,569.6)" vaxis="Cups" haxis="Month" series="5"]
[st_chart_org data="('Name','Manager','Tooltip'),('Mike',null,'The President'),( 'Jim', 'Mike','The President'),('Alice', 'Mike','The President'), ('Alice2', 'Mike','The President'),('Bob','Jim','The President'),('Carol', 'Bob','The President'),('Carol2', 'Bob','The President')"]
[st_chart_bubble title="Popularity" data="('ID', 'X', 'Y', 'Temperature'),('',80,167,120),('',79,136,130),('',78,184,50),('',72,278,230),('',81,200,210),('',72,170,100),('',68,477,80)" primary="#ffff00" secondary="#ff0000"]
[st_fancyboxImages href='http://www.demo.supremethe.me/supremesocial/wp-content/uploads/2013/08/007-920x613.jpg' thumb='http://www.demo.supremethe.me/supremesocial/wp-content/uploads/2013/08/007-920x613.jpg' group='1' title='1']
[st_fancyboxInline title='Link title' href='xoxo' content_title='Content Title' content='Write some text']
[st_fancyboxIframe title='Open Web Site in iFrame with Fancybox' href='http://www.supremefactory.net']
[st_fancyboxPage title='Open the Page in Fancybox' href='http://www.demo.supremethe.me/supremesocial/blog/']
[st_fancyboxSwf title='Open SWF/Flash in Fancybox' href='http://www.adobe.com/jp/events/cs3_web_edition_tour/swfs/perform.swf']
Easily add Video add Audio from YouTube, Vimeo, Flash, SoundCloud, Mixcloud, and Self Hosted files to your content with our video shortcodes. We have included a large amount of options such as autoplay, HD, dimensions, controls, and much much more!
[st_video title='YouTube' type='youtube' width='680' height='383' src='I-vNiw2M1nA']
[st_video title='Vimeo' type='vimeo' width='680' height='382' src='67956835']
[st_video title='DailyMotion' type='dailymotion' width='680' height='383' src='xyclod_despicable-me-2-3d-theatrical-trailer_shortfilms']
[st_video title='HTML5 Video' type='html5' width='680' height='372' poster='http://2.s3.envato.com/files/49647471/Timelapse%20Clouds%20Over%20Treetops%20Preview%20Image%20NEW.jpg' mp4='http://1.s3.envato.com/h264-video-previews/3905406.mp4' webm='' ogg='']
[st_video title='FLASH' type='flash' width='680' height='383' src='http://www.adobe.com/jp/events/cs3_web_edition_tour/swfs/perform.swf']
[st_soundcloud color='' src='https://soundcloud.com/puresoul/puresoul-x-step-mini-av-mix']
[st_mixcloud width='' height='' src='http://www.mixcloud.com/puresoul/puresoul-x-step-mini-av-mix/']
[st_audio title='Hain Teny' src='http://www.hainteny.com/wp-content/uploads/2013/music/Hain%20Teny%20-%20Repent%20Yourself%20-%20Audited%20Beats%20Remix.mp3']
Supreme Theme adapts to many screen sizes thanks to Responsive Webdesign Techniques. Now you can easily browse your site using smartphones, tablets, laptops & desktop computers.
Supreme Responsive Shortcode lets you create responsive media/images/videos in no time! That means the image will flex to fit its parent container. Of course you can enable Lightbox/Fancybox aswell. Try resizing your browser to see responsive images in action.
Use External Media and Embed Shortcode is for including content (audio, video etc) from an external services supporting oEmbed format. We additionally process all embedded elements to make them fully responsive. You can embed media inside any columns layout. All media are fully responsive so they always best fit to any content structure.
[st_row][/st_row]
With Supreme Columns Shortcodes it is possible to create any type of layout. You can choose between twelve columns or create your own layout by using a combination of the columns. You can even nest column shortcodes inside of each other.
Sometimes it can get frustrating trying to organize content via the WordPress text editor. With the Columns Shortcodes, you can break down your content into any number of 12 layouts giving variety and hierarchy to your post. Possibilities with Columns combinations are unlimited. You can play with Factorials 1-12, but here are simple examples.
[st_row][st_column2]Your content goes here[/st_column2][st_column2]Your content goes here[/st_column2][st_column2]Your content goes here[/st_column2][st_column2]Your content goes here[/st_column2][st_column2]Your content goes here[/st_column2][st_column2]Your content goes here[/st_column2][st_column2]Your content goes here[/st_column2][/st_row]
For example it is possible to split a page into 3 columns with one being twice the size of the others.
[st_row][st_column3]Your content goes here[/st_column3][st_column6]Your content goes here[/st_column6][st_column3]Your content goes here[/st_column3][/st_row]
Supreme Theme includes 30+ Retina Social Icons and 400+ Ultra-Sharp Font Awesome Icons. Retina Icons can be used separately or as a part of other page components.
Now easily add any of our 400+ built in icons to your posts and pages with our new icon shortcodes. Or if you prefer, you can even upload your own.
Our Icon Shortcodes come in three flavors, single icons, icon teasers and icon banners.
[st_social_icon name='social_facebook' href='http://www.facebook.com']
[st_icon name='compass' size='icon-1' color='#444444' align='center']
[st_icon_melon name='danger-death-delete-destroy-sull' size='icon-3' color='#242424' type='circle' background='#ffffff' border_color='#383838' align='ss-none']
If you want to have the same look as on our Home Pages, use Full width Page template and Supreme Shortcode named: Section Image.
Image can be used as fixed to the page, it can scroll with page or you can apply famous parallax effect.
If you want that parallax effect, simply select Image Type: parallax
There are two options:
[st_section_image image_id='YOU IMAGE ID' bg_color='#ffffff' type='fixed' position='left top' repeat='repeat']Content goes here[/st_section_image]
[st_section_color color='#e74c3c']Content goes here[/st_section_color]
You can see the live demo Here
NOTE: Parallax scrolling is a special scrolling technique in computer graphics, wherein background images move by the camera slower than foreground images, creating an illusion of depth in a 2D video game and adding to the immersion.
This shortcode is intended for narrowing/following the default website responsive width of the main content.
It is used to center the content on all of our demo pages (mainly Home Page variations – can be found in main navigation dropdown) which use Page Template named: 100% Full width.
In Container shortcode you can put rows and columns for even more responsive behaviour if needed.
There are no options for this shortcode.
[st_container]Content goes here[/st_container]
This useful shortcode allows you to create unlimited amount of skill meters with 4 different colors, 2 types, and animated option.
You can also use this shortcode to show some progresses.
[st_progress_bar width="80%" style="info" striped="striped" active="yes"]
[st_progress_bar width="80%" style="success" striped="no_stripes" active="no"]
[st_progress_bar width="80%" style="danger" striped="striped" active="yes"]
Tabs are a nice way to group related content. The reader will be able to flip through the pages by clicking on the relevant tab. Create Tabbed Content with the click
of a button using the Supreme Tab Shortcode. Tabs have a fluid width, which means that they can adjust to any page size.
For the first time you can take advantage of tabs with dynamic contents. It means Tabs now can link up to the news section of your website and each tab will update
itself once you add news to your website, but you can add any Supreme Shortcode inside the Tabs.
[st_tabs] [st_tab title="Tab Title 1"]Tab 1 Content[/st_tab] [st_tab title="Tab Title 2"]Tab 2 Content[/st_tab] [st_tab title="Tab Title 3"]Tab 3 Content[/st_tab] [st_tab title="Tab Title 4"]Tab 4 Content[/st_tab] [st_tab title="Tab Title 5"]Tab 5 Content[/st_tab] [/st_tabs]
Creating Toggle content like those seen below couldn’t be easier. Now you can create Toggled content on the fly using the Toggle Shortcode.
Any content can be added within the toggled div, and you can even add other Supreme Shortcodes. The Toggle Shortcode has a fluid width, meaning it can adapt to any size page
so you can put the Toggles in the different Columns.
NOTE: You can put another shortcode inside Toggle shortcode, for example: Tabs.
[st_toggle] [st_panel title=”Title 1″ state=”closed”]Content 1[/st_panel] [st_panel title=”Title 2″ state=”closed”]Content 2[/st_panel] [/st_toggle]
Usefull if you wish to have only one panel opened at the time. Preview: It looks exactly the same as Toggle shortcode.
Color for header/white icon holder background is changable trough Supreme Admin panel.
[st_accordion] [st_acc_panel title="Title 1" state="closed"]Content 1[/st_acc_panel] [st_acc_panel title="Title 2" state="closed"]Content 2[/st_acc_panel] [st_acc_panel title="Title 3" state="open"]Content 3[/st_acc_panel] [/st_accordion]
Tooltips are a great way to provide popout tips for your readers. You can change the colors, sizes, and alignment with Supreme Tooltips.
These beautiful jQuery Tooltips can be added to any element, making it a great way to add additional info to your post without adding clutter.
Add beautiful tooltips to any element by wrapping it in a [st_ tooltip ] Shortcode, even combining with text, images, and even other shortcodes!
TOP
[st_tooltip type="top" tooltip_text="And This is Supreme Tooltip"]Hover to see Top Tooltip[/st_tooltip]
RIGHT
[st_tooltip type="right" tooltip_text="And This is Supreme Tooltip"]Hover to see Right Tooltip[/st_tooltip]
BOTTOM
[st_tooltip type="bottom" tooltip_text="And This is Supreme Tooltip"]Hover to see Bottom Tooltip[/st_tooltip]
LEFT
[st_tooltip type="left" tooltip_text="And This is Supreme Tooltip"]Hover to see Left Tooltip[/st_tooltip]
TOP
[st_popover type="top" popover_title="Top Popover" text="This is a Supreme Top Popover"]Click for Top Popover[/st_popover]
RIGHT
[st_popover type="right" popover_title="Right Popover" text="This is a Supreme Right Popover"]Click for Right Popover[/st_popover]
BOTTOM
[st_popover type="bottom" popover_title="Bottom Popover" text="This is a Supreme Bottom Popover"]Click for Bottom Popover[/st_popover]
LEFT
[st_popover type="left" popover_title="Left Popover" text="This is a Supreme Left Popover"]Click for Left Popover[/st_popover]
Add any HTML content to Modal such as Images, Video, Lists... We included Facebook Style Modal Popups with Corporate Ipsum text.
[st_modal modal_link="Modal Button title" primary_text="Button Text" primary_link="#" modal_title="Title"]Content[/st_modal]
Dropcaps are a subtle typographic technique that can easily add flare and improve the hierarchy of your post copy and a nice way to lead the reader into your paragraphs.
Simply wrap a little at the beginning of your paragraph with the Dropcap Shortcode and it will become nested within the body content.
You can use them throughout your content but they are usually used on the first letter of each paragraph. We have four different styles to choose from:
light, light circled, dark, dark circled.
[st_dropcap type='light']L[/st_dropcap]
[st_dropcap type='light_circled']L[/st_dropcap]
[st_dropcap type='dark']L[/st_dropcap]
[st_dropcap type='dark_circled']l[/st_dropcap]
Testimonials are an important way to gain the trust of your visitors. With easy to use Testimonial Shortcode, you can enter your Testimonials once and then display
them throughout your site in endless ways. Gaining the trust of your viewers is important, and now it’s easier than ever to create styled Testimonial blurbs on any
of your posts or pages. Now you have an easy way to add styled testimonials to your posts and pages.
[st_quote author="Use Testimonials and let your Client speak"]Praesent non dolor in ante tincidunt viverra vitae ut massa. Nulla justo,
Praesent non dolor in ante tincidunt viverra vitae ut massa. Nulla justo lorem, tincidunt quis pretium hendrerit, adipiscing quis[/st_quote]
[st_highlight background_color="#196d9e" text_color="#f2f2f2"]Highlighted text[/st_highlight]
[st_label type='default']This is Default Label[/st_label]
[st_label type='success']This is New Label[/st_label]
[st_label type='warning']This is Warning Label[/st_label]
[st_label type='important']This is Important Label[/st_label]
[st_label type='notice']This is Notice Label[/st_label]
[st_abbr title="The abbreviated text."]The full, unabbreviated, text.[/st_abbr]
Suitable for dark backgrounds. For example: if you use our "Section Image" or "Section Color" shortcode, and the background you've choose is dark, you will
probablly need to color your text in lighter color.
[st_text_color color='#3498db']Colored Text goes here[/st_text_color]
Supreme SVG Drawings will always draw the shape of and iMac, iPad or iPhone, depending on what you choose when generating shortcode.
You only need to specify the final image that will be visible when drawing is finished. PSD files for all avainable final images can be found at the support center.
This shortocde is available in both, Visual Composer “Add Element” and stand alone version.
iMac
[st_svg_drawing type=’imac’ image_id=’your-image-ID’ color=’#e74c3c’]
iPad
[st_svg_drawing type=’ipad’ image_id=’your-image-ID’ color=’#f1c40f’]
iPhone
[st_svg_drawing type=’iphone’ image_id=’your-image-ID’ color=’#00a8ff’]
We do our best to make your life easier with the support. Your feedback is valuable for us. We would love to hear from you.
If you have any suggestion, positive comments or comment of suggestion, please feel free to contact us and we'll get in touch as soon as possible.