Thank you for purchasing our theme. We are happy that you are one of our customers and we assure you won't be disappointed. We do our best to produce top notch themes with great functionality, premium designs and human readable code.
Solariss is a responsive and clean HTML template, made by a team of creative professionals here in ThemeRex. ThemeRex is a place to buy premium WordPress themes and HTML templates covered by effective and helpful support. Creative, crazy about details and innovative. We are a small and customers oriented company aiming to exceed your expectations!
DON'T FORGET to rate this theme on ThemeForest – it's good to know what others think about our work. You can rate it in the download area of your account:
Before you get started we highly encourage you to get familiar with this documentation file. Spending half an hour reading the manual may save a lot of your time and avoid questions with obvious answers.
Use our built-in Search tool (top right corner in the header of this file) or the search tool in your browser (click CTRL+F - works in most browsers) to quickly find all the keywords which you are looking for:
With ThemeForest regular license you are licensed to use this theme to create one single End Product (the final website customized with your content) for yourself or for one client. In short:
What is allowed with single regular license:
What is not allowed:
Please read this user guide carefully, it will help you eliminate most of potential issues with incorrect configuration or using of this template.
IMPORTANT! Please note that as authors of this template we are able to provide support only for the features which we created and for the issues related strictly to this template. We do not provide support for configuration, installation, maintenance, customization, any kind of 3rd party plugins etc.
If you have any questions that are beyond the scope of this help file, feel free to post them on our support message board at https://themerex.ticksy.com/.
We will respond as soon as possible (within 24 – 48 hours, usually faster). Please make sure you take a look at the available resources before submitting a support request.
As we have mentioned above customization/modification is beyond the scope of our support. Nevertheless, if you in need of such services you can always stick with our partners from MockingBird Customization Studio. They provide all kinds of services from template/theme installation to deep coding customizations.
All you need to do is follow this link https://mockingbird.ticksy.com/ and submit a ticket with detailed explanations of what needs to be done.
As for the minor CSS tweaks the best way is to use Firebug (an add-on for Firefox: http://getfirebug.com/), Chrome Developer Tools (available in Google Chrome) or other similar tools.
See these short video tutorials about Firebug:
Here you can find more information about CSS:
On the the screenshot below you can see how the Customizer panel looks like.
Files responsible for the Customizer's output/initialisation, styles and settings can be found here:
To turn the panel on/off you need to uncomment/comment the following lines in your
PLEASE NOTE! Changes made via Customizer panel will be active until you refresh the page. To save the changes you'd need to edit the source files. Such "on-the-go" customization functionality was made for a demonstration purposes only.
There are 3 body styles available: Boxed, Wide, FullWide.
While setting the necessary style an extra attribute is being added to the
Check the screenshot below.
<body class="home page body_filled article_style_stretch top_panel_opacity_transparent top_panel_over menu_right sidebar_hide body_style_boxed">
Here you can choose any custom color to act as theme's Main and Accent one.
This option allows you to set one of the available images to act as your background image.
To change background image add one of the classes below into the
<body class="home page body_filled article_style_stretch top_panel_opacity_transparent top_panel_over menu_right sidebar_hide custom_options_opened bg_image_2 body_style_boxed">
You can also apply one of the available patterns to your background.
To change background pattern add of one the classes below into the
<body class="home page body_filled article_style_stretch top_panel_opacity_transparent top_panel_over menu_right sidebar_hide custom_options_opened bg_pattern_3 body_style_boxed">
This is how the standard widgets sidebar looks like.
<div class="sidebar widget_area bg_tint_light sidebar_style_light"> ... </div>
Below is an example of a Standard Post.
<div class="page_content_wrap container"> ... </div>
The example of portfolio-like page can be seen on "Grid Alternative" page.
Please note that animation effects are made with Isotope script. See the screenshots below for more information.
The snippet below belongs to the "Portfolio (2 Columns)" page which can be found in
root directory.../gallery-grid-alternative.html file.
<div class="page_content_wrap container"> ... </div>
Main Isotope Class.
Special Isotope filtering classes.
Please note that filtration in portfolio block works only if an element contains filtering class, for example "flt_136".
There are 2 files responsible for the Isotope script:
This is how the social icons look like.
To add a link to your social icon paste the necessary URL into the
<a href> tag. See the example below:
<a href="https://twitter.com/Theme_REX" target="_blank" class="social_icons social_twitter icons"> <span class="icon-twitter"></span> <span class="sc_socials_hover icon-twitter"></span> </a>
Below you can find some of the Typography elements used in this template.
features-typography.html file for more information.
Below are an examples of a few shortcodes available for this template.
You can customize the skills bar by changing width and data-ed values as well as their styles. Check the screenshot below.
<div class="sc_skills_count sc_skills_count_style_2" style="width: 94%;"> <div class="sc_skills_total" data-start="0" data-stop="94" data-step="1" data-max="100" data-speed="29" data-duration="2726" data-ed="%">94%</div> </div>
Here is the main Contact Form.
There are several files responsible for contact form functionality:
Your email address should be specified in the
contact-form.php file. See the screenshot below.
$your_email = 'firstname.lastname@example.org';
This is how the standard map looks like.
Files responsible for Google map functionality:
Address/coordinates should be specified in the
root directory.../contact-us.html file.
<div class=""> <div id="sc_googlemap_527874862" class="sc_googlemap sc_googlemap_style_2 margin_bottom_40" data-address="San Francisco, CA 94102, US" data-description="San Francisco, CA 94102, US" data-latlng="" data-zoom="16" data-style="default" data-point="images/google_map_marker.png"></div> </div>
There are several additional plugins that were stylized according to the main color scheme of this template. In this section we will talk about a few of them.
As for the rest, all the necessary files that are responsible for plugins styles & functionality can be found in the
root directory.../js/vendor/... and
root directory.../css/... folders.
PLEASE NOTE! Full functionality is not supported/provided for some of the additional plugins (some of the plugins were just stylized to match the template's color scheme) as it is just an HTML template.
Files responsible for the Revolution Slider functionality:
index.html file for more information.
This is how the Swiper Slider looks like.
Files responsible for the Swiper Slider functionality:
features-shortcodes.html file for more information.
In this section you can find an additional information regarding fonts and clipart (.psd files) used in this theme.
style.cssfile for more information.
IMPORTANT! All the images used in this theme are the property of their respective owners and should be purchased separately.
We are happy that you are one of our customers and we assure you won't be disappointed. If you come up with any questions that are beyond the scope of this help file, feel free to post them on our support message board at https://themerex.ticksy.com/.
We are open from 10am to 7pm (CET), from Monday till Friday.
Our support policy covers getting setup, trouble using any features, and any bug fixes that may arise.
Unfortunately, we cannot provide support for installation, any customizations or 3rd party plugins. You also need to have a valid purchase code to request an assistance from our support team.
How to find a purchase key (check the screenshot):