Supreme Social Theme

Documentation v.0.1.1







Supreme Social WordPress Theme lets you make your own
Social Network Look alike Web Site with the popular Social UI & UX.

The Supreme Social WordPress Theme!

KEY FEATURES


TOTAL STYLE CONTROL


SOURCES AND CREDITS

ADDING NEW THEMES USING THE ADMINISTRATION PANELS

You can download Themes directly to your blog by using the AddNew Themes option in the Appearance sub-menu.
  1. Log in to the WordPress Administration Panels.
  2. Select the Appearance panel, then Themes.
  3. Select Install Themes.
  4. Use the sub-menu or the Search or Filter options to locate a Theme you would like to use.
  5. Click on the Preview link to preview the Theme or the Install link to upload the Theme to your blog.
  6. Use the Upload link in the top sub-menu to upload a zipped copy of a Theme that you have previously downloaded to your machine.

ADDING NEW THEMES BY USING CPANEL

If your host offers the cPanel control panel, and the Theme files are in a .zip or .gz archive follow these instructions.

Note: This assumes the Theme you download is a compressed (zip) file and the files in the zip file are in their 'named' folder.

  1. Download the Theme zip file to your local machine.
  2. In cPanel File Manager, navigate to your Themes folder. If you have WordPress installed in it's own folder called wordpress, you would navigate to "public_html/wordpress/wp-content/themes" and if WordPress is installed in your web-root folder you would navigate to "public_html/wp-content/themes".
  3. Once you've navigated to the Themes folder in cPanel File Manager, click on Upload file(s) and upload that zip file you saved in Step 1.
  4. Once the zip file is uploaded, click on the zip file name in cPanel, then in the panel to the right, click on Extract File Contents, and that zip file will be uncompressed.
  5. Follow the instructions below for selecting the new Theme.

ADDING NEW THEMES MANUALLY (FTP)

To add a new Theme to your WordPress installation, follow these basic steps:
  1. Download the Theme archive and extract the files it contains. You may need to preserve the directory structure in the archive when extracting these files. Follow the guidelines provided by your Theme author.
  2. Using an FTP client to access your host web server, create a directory to save your Theme in the wp-content/themes directory provided by WordPress. For example, a Theme named Test should be in wp-content/themes/test. Your Theme may provide this directory as part of the archive.
  3. Upload the Theme files to the new directory on your host server.
  4. Follow the instructions below for selecting the new Theme.

SELECTING THE ACTIVE THEME

To select a Theme for your site:
  1. Log in to the WordPress Administration Panels.
  2. Select the Appearance panel, then Themes.
  3. From the Available Themes section, click on the Theme title (or Theme screenshot) for the Theme you wish to activate.
  4. A preview of the Theme will be shown.
  5. To activate the Theme click the Activate "Theme Name" link in the top right.
  6. Your selection should immediately become active.

NOTE : If the Theme preview is blank, do not activate the new Theme without investigating further. Your site may not be displayed correctly, otherwise.


SOURCE

wordpress codex

Below explanation is an step by step explanation on how to import our demo website content, please read carefully and if you face any problems that is not covered here, open a thread in our support forum.

  1. Login into your WordPress Admin section (http://www.your-web-site.com/wp-admin)
  2. Go to Tools -> Import in the blog’s admin panels.
  3. Click on the WordPress and follow the instructions if Import plugin isn’t installed yet (3.0+).
  4. Browse the included 02.supreme-social-theme-demo.xml (XML file) from main Zip Package > supreme-social-theme-DEMO.zip and Upload the XML file. you can import specifict post types. to get them check out "specific-contents" folder.
  5. You will first be asked to map the authors in this export file to users on the blog. For each author, you may choose to map to an existing user on the blog or to create a new user.
  6. Please note in our dummy content none of the images will be downloaded because of copyright restrictions. You will need to add your images manually.
  7. WordPress will then import each of the posts, page, custom post types, comments, and categories contained in this file into your blog.
  8. Notice that the Sidebar and Footer Widgets are not replicated on your imported demo content. You should be the one to create the widgets. To create widgets, navigate to the left sidebar menu of the WordPress’ Dashboard, then Appearance > Widgets. Just drag and drop the widgets on to the widgets area on the right side of the widgets page. OR:
  9. Download and activate THIS plugin, and go to -> Admin -> Tools -> Widget Importer & Exporter -> and import file named: 04.supreme-social-theme-widget-data.wie
  10. After this, you should also update the Menus by going to Appearance > Menus. Locate the Theme Locations box and select from the drop-down “Main Navigation” and "Top Navigation" as respect to the locations the selectbox label indicates. Click the Save button under it to save the changes.
  11. Done! You should now have the dummy/demo content similar, yet simplified, from the Live Preview of the theme.

 

Import Skins

  1. Go to Supreme Panel >Backup/Restore
  2. Click on the Upload file
  3. Browse for the 01.supreme-social-theme-options.txt file
  4. Click on "Import" button
  5. Done! you will see immediately see the changes in frontend

Supreme Panel import 1

Supreme Panel import 2

 

SELECTIONS

 

Each page can have Its own style, background, layout, sidebar, and unique Revolution Slider. Depends of your needs, you can choose from different page templates.
With or without a sidebar. With a navigation on the left or on the right side, it’s all up to you.

Page Settings

1. Slider Area:

2. Layout options:

3. Page background:

Note: it will always pull the default background options set in Supreme Panel -> Backgrounds or Supreme Panel -> Pages

4. Page SEO:

No need for SEO plugin anymore! With the Supreme Social Theme, you can setup SEO for each and every Page/Post/Event or Milestone from you website.
OG tags are also available for you. Choose what to display when sharing you website content trough social networks.

 

 

Page View Countener

Supreme Social Theme has a built-in functionality for Page, Post, Events, Milestone and Product views and current Layout view in Pages Dashboard listing.
Each time the Page, Post, Event or Milestone ahs been viewed, the number will increase.

Another beautiful option is that we've colored different states for: Drafts, Pending, Waiting for approval etc. Now when you look at it in dashboard, it's much more organized.
No need for installing the plugin that does that.


OUTPUT:

 

 

Page Snippets

Page Snippets makes your every pages Unique. We created all those snippets to show you that building exceptional pages can be really easy. Use them as a base to start creating your awesome stuff.

Download Snippets


Check out more Page Snippets here:

Page Snippets

 

Special Pages

Special Types Need Special Treatment. There are a lot of pages that have a special meaning for your site. The 404 page when something goes wrong, the pass protected page if you want hide some sensitive informationt, attachment page, authors page, and split page. Supreme Theme ships with all those pages, prepared and customized to look great and do their job.


Special Pages

Protected Page

Each post can have Its own style, background, layout and sidebar. With or without a sidebar. With a navigation on the left or on the right side, it’s all up to you.

 

Post Settings

1. Layout options:

Show Author Box: You can set the general "Show/Hide author box" in Supreme Panel -> Posts settings, but you can always overwrite this option
on individual Posts, with "Show post author box?" checkbox, just below "Sidebars" in "Layout Options" meta box.


2. Post background:

Note: it will always pull the default background options set in Supreme Panel -> Backgrounds or Supreme Panel -> Posts


3. Page SEO:

No need for SEO plugin anymore! With the Supreme Social Theme, you can setup SEO for each and every Page/Post/Event or Milestone from you website.
OG tags are also available for you. Choose what to display when sharing you website content trough social networks.

 

 

Author Box Preview

Author Box

 

 

 

 

SELECTIONS


Status - Facebook

By embedding Facebook posts, rather than simply including a screenshot of the page, you provide the ability for your site visitors to interact with the page, like it, comment etc. all without leaving your own website. This feature could provide an increase in traffic and promotion to Facebook pages who have their content embedded on other websites.

The types of public posts you can embed from Facebook are:

Read More

Facebook Post Format Front End

Facebook Post Format Back End




Status - Twitter

Twitter Post Format Front End

Twitter Post Format Back End




Status - Google Plus

Google Plus Post Format Front End

Google Plus Post Format Back End




Hosted Audio

Hosted Audio Post Format Front End

Hosted Audio Post Format Back End




Audio - SoundCloud

SoundCloud Post Format Front End

SoundCloud Post Format Back End


Note: The color of player will always be the primary color you've chosen in Supreme Panel -> Custom CSS



Audio - Mixcloud

Mixcloud Post Format Front End

Mixcloud Post Format Back End




Video - YouTube

YouTube Post Format Front

YouTube Post Format Back


Note: Please find the clip ID below:

YouTube Post Format Back



Video - Vimeo

Vimeo Post Format Front

Vimeo Post Format Back


Note: Please find the clip ID below:

YouTube Post Format Back



Dailymotion - Vimeo

Vimeo Post Format Back

Vimeo Post Format Back


Note: Please find the clip ID below:

YouTube Post Format Back



Gallery

Gallery Post Format Front

Gallery Post Format Back




Link

Link Post Format Front

Link Post Format Back

 


Quote

Quote Post Format Front

Quote Post Format Back

 

 


Post View Countener

Supreme Social tehem has a built-in functionality for Page, Post, Events and Milestone views and current Layout view in Pages Dashboard listing.

Each time the Page, Post, Event or Milestone ahs been viewed, the number will increase.

Another beautiful option is that we've colored different states for: Drafts, Pending, Waiting for approval etc. Now when you look at it in dashboard, it's much more organized.
No need for installing the plugin that does that.

OUTPUT:

 

 

Supreme Admin Panel

 

With Supreme Admin Panel you can do pretty much anything! 
From changing the general layout or just adjusting the specific sections of your website.

With Supreme Intelligent & Powerful Admin Panel, you have control on any piece of your website. You can customise and configure anything (unlimited colours, styles, backgrounds, uploading site logo and favicon…) right from Supreme Admin Panel without touching one line of code! Change the overall Layout of your Website in no time, disable & enable nearly every element you see, Import & Export settings…

Completely un-branded and Most Advance Theme Options Panel ever. We tried to make it easy for you!

You need no extra knowledge of HTML or CSS to be able to customize your WordPress website for your company's needs. With a single click, you can simply show featured image, hide page or post title or even choose which segments will be visible in search results!

Preety convinient, isn't it?!

Different sidebar for each page? Just name it and we already did it!

 

REQUIREMENTS

 

General Settings

1. Logo and Favicon

No more nightmares with running trough the code or searching for plugins that does that! Upload company's logo with a single click,
select it from the computer or paste the image link into the input text field. We've also added support for uploading a custom logo for user login screen.

Favicon size - 16x16px.

Logo for admin login size - 80x80px.


2. Facebook APP ID

Put here your Facebook Application ID for Administration of integrated Facebook Comments and to have statistics for Likes of your web site content.

Facebook App

  1. Go to: https://developers.facebook.com/apps
  2. From drop down choose: "Create a New App"
  3. Fill in the details
  4. Find your App ID here

3. Twitter Keys

Put here your Facebook Application ID for Administration of integrated Facebook Comments and to have statistics for Likes of your web site content.

Don’t know how to make an Twitter App? Here’s how:

Create A Twitter App

1. Log into Twitter’s developers section.

2. Go to “My Applications”, and click “Create a new application.”

3. Fill out the required fields, accept the rules of the road, and then click on the “Create your Twitter application” button. You will not need a callback URL for this app, so feel free to leave it blank.

4. Once the app has been created, click the “Create my access token” button.

5. You’re done! You will need the following data later on:


4. Retina Apple Touch Images

Similar to the Favicon, the apple-touch-icon.png is a file used for a web page icon on the Apple iPhone, iPod Touch, and iPad. When someone bookmarks your web page or adds your web page to their home screen this icon is used. If this file is not found these Apple products will use the screen shot of the web page, which often looks like no more than a white square.

You may want users to be able to add your web application or webpage link to the Home screen. You can specify an icon for your web application used to represent it when added to the Home screen on iOS. To specify multiple icons for different device resolutions - for example, support both iPhone and iPad devices, upload all sizes provided. The icon that is the most appropriate size for the device is used. If there is no icon that matches the recommended size for the device, the smallest icon larger than the recommended size is used. If there are no icons larger than the recommended size, the largest icon is used. If multiple icons are suitable, the icon that has the precomposed keyword is used.

If no icons are specified using a link element, the website root directory is searched for icons with the apple-touch-icon... or apple-touch-icon-precomposed... prefix. For example, if the appropriate icon size for the device is 57 x 57, the system searches for filenames in the following order:


5. Share text

Share word that will display just before sharing buttons on Posts, Pages, Events and Milestone.


OUTPUT:

 

 

 

Layout

1. Website general layout

Choose the look of your website. Full screen slider, top and footer widgets areas, or boxed - fixed maximum width, but also responsive.


2. Sidebar Position

This will be used as a default setting for the entire website. Choose default sidebar position for your website. Remember that this option can be overwritten in single Page/Post edit screen..

Sidebar Position Per Post/Page

This setting will be default setting for each page if not specified differently. Means, this setting can be overwritten if you set different sidebar position in a single Page or Post.
Yes! You can also speciffy sidebar position for each Page or Post in edit page screen! How convinient!


3. Supreme Scroll To Buttons

Pretty usefull tool for User Interface when it comes to long pages. Scroll to Top & Button can be added with one click, and you'll still have Home buttom inbetween.


OUTPUT:

Home Page Slider

We made option to choose from two sliders. Supreme Home Page slider can have a simple carousel of images you provide or you can use advanced and more powerfull
Revolution Slider. Additionaly, you can choose if you'd like to display on Home Page and Authors Page (Supreme Panel -> Archive Pages -> Author).


1. Show slider on Home Page

Choose weather to display slider on Home Page or not. It is usefull because, if you set to display latest Posts on Home Page but would like to have a slider also.
Remember that you can set full width slider on each Page if you want. Check the Pages section for more references.


2. Choose Slider

Choose between two sliders for Home Page. One is Revolution slider and the other option is to choose Supreme simple carousel.


3. Revolution slider

Provide Revolution slider shortcode. It can be found in Revolution slider admin page.


4. Supreme slider

You can add unlimited slides, preview them or delete. Reordering will be available soon.

NOTE:  Recommended image size is: 1170 x 350 pixels


5. Upload

Upload individual images. After upload, they will be available at the section above (point number 4.).


1. Options

 

 


1. Fonts preview

You can preview each of 300+ fonts we've selected from Google Fonts, live in Google Fonts Library.


2. Fonts

Setup Google font for important elements on your website.
Note that default value is Open Sans, so if you wish to keep it, there is no need to change a thing here.

 

 


Pages


1. Background properties

2. Title and Subtitle

Choose title and subtitle color. Useful for different backgrounds, dark or light, everything is accessible and easy to change with a single click.


3. Show/Hide elements

4. Comments and Sharing

5. Sidebars

Choose Primary and Secondary sidebars for ALL Pages. These will be the default values for every next Page you create. Remember, you can overwrite these, and
choose a different sidebar for each Page if needed.

NOTE: These settings will be set as defaults. Remember, you can always overwritte this with the individual settings for each Page in the edit screen.


Posts


1. Background properties

2. Title and Subtitle

Choose title and subtitle color. Useful for different backgrounds, dark or light, everything is accessible and easy to change with a single click.


3. Show/Hide elements

4. Comments and Sharing

5. Sidebars

Choose Primary and Secondary sidebars for ALL Posts. These will be the default values for every next Page you create. Remember, you can overwrite these, and
choose a different sidebar for each Post if needed.

NOTE: These settings will be set as defaults. Remember, you can always overwritte this with the individual settings for each Page in the edit screen.


Post Types


1. Background properties

2. Title and Subtitle

Choose title and subtitle color. Useful for different backgrounds, dark or light, everything is accessible and easy to change with a single click.


3. Show/Hide elements

4. Comments and Sharing

5. Sidebars

Choose Primary and Secondary sidebars for ALL Posts. These will be the default values for every next Page you create. Remember, you can overwrite these, and
choose a different sidebar for each Post if needed.

NOTE: These settings will be set as defaults. Remember, you can always overwritte this with the individual settings for each Page in the edit screen.

Sections


Archive Pages


1. Background properties

2. Title and Subtitle

Choose title and subtitle color. Useful for different backgrounds, dark or light, everything is accessible and easy to change with a single click.


3. Show/Hide elements

4. Sidebars

To setup Blog Page layout and sidebars, go to the Page you've choosen in: Settings → Reading → Post Page. For all other archive pages, you will have the drop down option of
available sidebars, just like on Posts, Pages or Post Types.

NOTE: These settings will be set as defaults. Remember, you can always overwritte this with the individual settings for each Page in the edit screen.

NOTE: This means Blog page will have the same settings options like any other Post or Page, depending on your settings. This is great because you can now have:

OR: you can choose Page Template Masonry, and display all of your Blog Posts in masonry grid (three columns) layout.
Please check Page Templates section for more details.


Search Options

(Exclude from search)

 

Comments


1. Show/Hide comments

Use of comments endaged your visitors, and if thay can comment without the loging in thats perfect.
With Supreme Comments everyone can comment via Facebook, Google Plus, and WordPress comments.

Oh yeah, you can hide all the comments with just one click, so no need to install additional plugins for that ; )

Social Icons

We've selected 30+ from most used social media platforms. Tick checkbox next to the social media icon and provide URL. Link will open in new tab.
If it's not thicked, it wont be visible on website, so if you disable it for now and want to activate it later, don't worry, your data (in this case the URL) won't be lost after saving changes.


1. Social Icons List

OUTPUT:

Supreme Panel - Social Icons Front End

These are general settings. You also have an option to setup SEO meta tags and open graph for each Post, Page, Event or Milestone (Custom post types) trough edit screen.

Sections


Breadcrumbs

1. Breadcrumbs

This will enable or disable breadcrumbs on all pages trough the website.



Analytics


1. Google Analytics

To set up tracking, you no more need to have access to the source code for your website. Now, all skills you need for this is copy and paste!

The Analytics snippet is a small piece of JavaScript code that you paste into your pages. It activates Google Analytics tracking by inserting ga.js into the page. To use this on your pages, copy the code snippet below, replacing UA-XXXXX-X with your web property ID (see screenshot below).

If you want to read more on how to setup your tracking code, take a look at this answer.

 



Verifications Services


1. Verifications Services



Home Page SEO


1. Home Page SEO

2. Robot meta tags



Robots Meta


1. General SEO settings

2. Robots Meta Settings



Open Graph


1. Open Graph

These values will be used for Facebook and Twitter sharing. When the Twitter card processor looks for tags on your page, it first checks for the Twitter property,
and if not present, falls back to the supported Open Graph property.

Options

2. Additional twitter tags

Global notifications are a simple way to display notifications for users when you make some updates or when you wish to make an announcement. Also, they're very useful if you wish to make a statement or simply point users to something very important, like URL/link to specific website, link for download etc.

There is an option for defining title, desctiprion and even upload your own icon.

NOTE : notifications are going to be displayed on every page and post, just before its content.


Global Notifications


NOTE : After deleting a notification, please don't forget to click on "Update changes" button.


Easy Hooks is one of our top feature that comes with Supreme Theme.

Simple way to add content to your site that would otherwise be impossible.
In here, you can write: Shortcodes, PHP, HTML and JavaScript code.

Look how easy is to write or paste the code or Shorcode here and choose where do you want to place it in template's code. 

Hooks

1. Choose a hook

Hooks

1. Paste the code and save

Options

Custom CSS allows you to customise everything like colors of all elements from backgrounds, links, text and menu links by section, Primary Website Color.
Choose any Color for your Website from the Supreme Color Picker included in the Supreme Theme Options. It gives your Website a completely different Look and Feel with just a click.
One Click Style option makes designing your website super easy.


Custom CSS


1. Primary Color

With just one click on colorpicker, you can select primary color scheme for your theme.


2. Custom CSS

Custom CSS gives you the power to make your own design. If you haven't found your ideal combination with options we provided with this theme, Custom CSS is for you.

NOTE : When adding your custom style sheet, please note that it is not necessary to put opening and closing HTML tags. Put your style straight into the textarea.

If you have decided to move your wordpress installation to other hosting, Export & Import feature will help you do this migration painlessly.
Please note this feature will help you to only migrate Supreme Panel settings such as skins. Preaty useful thing if you work with the designers.


1. What contains the backup file?

In addition to ALL of these theme options, backup will also store/restore ALL of your settings from Supreme Shortcodes and Supreme Widgets panels.
This way none of your setting's won't be lost.


2. Backup

You can backup your whole Theme Options data by clicking on the "Backup" button.
This way you will get an exported .txt file. Save it on your computer.


3. Restore
  1. Click on "Upload file" button,
  2. Upload media popup will show up,
  3. Select the file you've previously backed up and stored on your machine,
  4. "Are you sure you want to restore settings? All current settings will be lost." message will pop up,
  5. Click OK or CANCEL,
  6. Please wait until restoring process finishes.

One of great features of Supreme is that you can make an online shop with it.

Supreme Theme is fully compatible with latest version of Woocommerce Plugin. We added required stylings to fit the design, Checkout section in header toolbar,
and all required confiq codes to make it seamless with Supreme THeme. If you dont need Woocommerce simply dont install it and all the features, codes and anything
required for woocommerce will not be loaded and interfered. Vice versa, if you need to set up woocommerce just install woocommerce like you do for other plugins
and thats all about it. you dont need to do anything else.

WooCommerce

There are couple of options in Supreme Panel > Woocommerce and a predefined widget area for shop
archive template that you will need to consider using them.


1. Background properties

2. Product Title

Choose product title color. Useful for different backgrounds, dark or light, everything is accessible and easy to change with a single click.


3. Show/Hide woo menu

When Woocommerce is installed and activated, and this option is checked, new menu item, with shopping icon, will be visible at the end of the main navigation menu.
When user is logged in, it will display a submenu with several items:

WooCommerce Shop menu


4. Comments and Sharing

5. Sidebars

Choose Primary and Secondary sidebars for ALL Products and Woocommerce Pages. These will be the default values for every next Products or Woocommerce Page you create.
Remember, you can overwrite these, and choose a different sidebar for each Product or Woocommerce Page if needed. Yes, that's right! You can finaly style your own Shop Page.


Supreme Social Theme comes with 4 Page Templates. Default, where you can play with six different Page Layouts (sidebar positions), 100% Width, Masonry
(Choose what to query) and Timeline for displaying Milestones.

Page Templates




Timeline with Milestones

This page template can be used to display only Milestone Post Types. It has a modern and clean Timeline look. You have the option for providing a small (or big) Page intro
and if you are creative, you can even insert few blocks of Supreme Shortcodes before the actual Timeline starts.
Note that under the subtitle, there are ancors (with months and years), so when you click on them, they will take you to the last Milestone in that month/year.

When you hover the featured image, you can go directly to the Single Milestone, or preview featured image in fancybox.

Timeline Page Template Front End

You can choose what to show/hide, for each of these elements:

NOTE: These setting also applies to the Single Milestone.




Masonry

With Masonry Page Template you can bring that “Cool Magazine” look for your website.
There is an option to choose which Post Types to display: Posts, Events or Milestones. Another great advantage is that you can even choose how to filter them,
thus show different navigation format. Setup a desired number of posts to display. If none provided, it will display all posts from the chosen Post Type.

Page Templates - Masonry

SELECTIONS

Masonry--Filter

 



100% Full Width

This template is used in almost all of our DEMO Home Page variations. You can see them here.
With this page template active, you can play with full width section image and section color shortcode.

Note if you wish to narrow the inner content, after section shortcode, put the container shortcode, like this:

GET THE CODE
[st_section_color][st_container]...[/st_container][/st_section_color]

100% Full Width


Live Demos

Supreme Social Theme comes with three extra Post Types. Events, which are great tool for presenting past and future social events.
Milestones, for displaying important section or achievements. And Testimonials, usefull for clients or Event visitors references. You can later
use them anywhere on your website via extra shortcodes that comes with Supreme Social Theme. Find out more about additional shortcodes here.

Available Post Types

 


Events

Supreme Social Events Front End


  1. Poster
  2. Date and Time
  3. Google Map
  4. Links
  5. Countdown
  6. Promo Video

Edit Mode

Supreme Social Events BackEnd


  1. Poster
  2. Event Details
  3. Google Map
  4. Links
  5. Date and Time
  6. Promo Video



Milestones

These are another Post types available in Supreme Social theme. It can be used to showcase your company's biggest milestones trough years. They can be viewed individually
(Single Milestone), but their main purpose is to display hierarchical, in Timeline Page Template.



Testimonials

They speak for themselves. You can display them via simple testimonials shortcode, on any post or page.

Put them in columns to adjust their width.

OUTPUT:
Testimonials Front End
Testimonials Front End

 

 

Post Types View Countener

Supreme Social tehem has a built-in functionality for Page, Post, Events, Milestone or even Product (if Woocommerce plugin is installed) views and current Layout view in
Pages Dashboard listing.

Each time the Page, Post, Event, Milestone or Product has been viewed, the number will increase.

Another beautiful option is that we've colored different states for: Drafts, Pending, Waiting for approval etc. Now when you look at it in dashboard, it's much more organized.
No need for installing the plugin that does that.

OUTPUT:

 

 

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.

Supreme Shortcodes Premium Plugin included - value 18$

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. Pretty much anything needed for todays modern web presentation.

Supreme Shortcodes | WordPress Plugin works great with Visual Composer Page Builder for WordPress. If you have it installed, you can insert any of Supreme Shortcodes straight
into your Page or Post content, directly from Visual Composer’s “Add Element” feature.

However, if you don’t have Visual Composer activated, you can still use this plugin “the old way”, through edit Post/Page screen. The standalone version is enhanced with a beautiful
live preview feature, while generating each shortcode.

Built on Twitter Bootstrap framework for a responsive design, gives you 100% accurate fitting on any screen resolution.

 

Live Demo Documentation

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!

 

There are two additional shortcodes made just for Supreme Social Theme. Evant Countdown and Testimonials carousel.
Please refer to the explanations below, to see how you can use them + grab the code.




EVENT COUNTDOWN

Display a Countdown shortcodes for your upcoming Event. Choose the event you wish to countdown to from a dropdown of all published events.
Display it on any Post or Page!

OUTPUT:
Event Countdown
OPTIONS:

Choose from a dropdown for which exact Event to do a countdown.

Event Countdown
GET THE CODE
[st_countdown id='YOUR EVENT ID HERE']



TESTIMONIALS

SELECTTIONS
Testimonials Back End

NOTE: If you want to display Testimonials with white text and dark background, put the shortcode in [st_section_color] shortcode. That way the background will be dark and testimonials text light.

 

 

+ GET THE CODE
[st_testimonials color='#fafafa' number='']

 

 

EXAMPLE FOR DARK BACKGROUND - LIGHT TEXT:
		[st_section_color color='#34495e']
		[st_testimonials color='#fafafa' number='']
		[/st_section_color]
	

 

 

OUTPUT:
Testimonials Front End

Supreme Widgets is a Premium WordPress plugin made to enhance your website with much needed marketing features!
Choose from 14 unique widgets and boost your static website with beautiful features.

  1. Contact Form + Captcha
  2. Tabs
  3. Call to Action (Image, text + button)
  4. Facebook
  5. Twitter
  6. Video
  7. Audio
  8. Page Siblings
  9. Page Submenu
  10. Responsive Google Ads
  11. Two Newsletter services (MailChimp and MadMimi)
  12. Google Maps
  13. Sidebar Login
  14. Social Network List + Font Awesome Icons

Supreme Widgets Social Marketing WordPress Plugin works great with Visual Composer Page Builder for WordPress.
If you have it installed, you can insert any of Supreme Widget straight into your Page or Post content, directly
from Visual Composer's "Add Element" feature.

However, if you don’t have Visual Composer activated, you can still use this plugin "the old way"/as standalone, in all widgetized areas on your website.


Live Demo Documentation

 

 

 

 


Visual Composer for WordPress is drag and drop frontend and backend page builder plugin that will save you tons of time working on the site content.
You will be able to take full control over your WordPress site, build any layout you can imagine – no programming knowledge required. Moreover, now you
can choose either work on a backend or move your page building process to frontend and instantly see changes you make.

Have you ever noticed how much time you spend fighting with [shortcodes]? No more trial and errors with “shortcodes magic” – Visual Composer will take care of that.
With the Visual Composer your are able to work with responsive design – check out how you website will look on mobile devices during page building process with one click only.

Add columns, rows and choose from 40+ predefined elements divided in logic groups with single click, by using intuitive and handy UI. Then simply use your mouse to drag
elements around to re-arrange them. Or use your creativity and skills to extend Visual Composer with unique elements by using our developer API.

Visual Composer is #1 Best Selling drag and drop frontend and backend page builder with 70k+ websites already powered. Join now and create beautiful websites
in shortest possible time and with minimum efforts and of course – no coding and [shortcodes].


Live Demo Documentation

 

 

 

 


Slider Revolution is currently the top-selling plugin on CodeCanyon and widely used by theme authors on ThemeForest and it comes with the Supreme Social Theme for FREE – $19 value.
Updates are released on a regular basis and are of course totally free!

The latest version introduces many new modern slide transition types, including zoom and parallax types. Fancy 3D transitions are also available.
If you prefer a more subtle approach, you can always select classical fade and slide transitions. There is definately something that fits your taste!

A brand new feature of Slider Revolution is the ability to pull slider content from WordPress Posts and Custom Posts. You can create templates that determine how the title,
date, etc. of a post is being displayed in form of captions using a flexible wildcard system. If you aren’t into customizing, just select one of our premade post templates!


Live Demo Documentation

 

 

 

 

We do our best to make your life easier with the Free support. Your feedback is valuable for us. We would love to hear from you.
If you have any suggestion, positive or negative comments, please feel free to contact us and we'll get in touch as soon as possible.

Support for all Supreme products is done through our Supreme Support center.