This topic is: not a support question

Updating Solotrio to v2

  • AuthorAuthor
    Post count: 26677
    # 6 years, 10 months ago

    Hi All,

    We have new update for the “Solotrio” template. Here is a quick overview of what has been changed and how to merge the new changes in your template.

    Both Dark & Light style in to one template:

    Now both dark and light styles are merged in to one template that makes changing the style easy for you. Both style is inside css folder /style folder. By just changing the name of the stylesheet in your page “head” part. See example below:

    <link href="css/style/dark.css" rel="stylesheet" type="text/css">


    All color schemes in a single template:

    Now we have updated all the color schemes in to one template instead of different folders for every color scheme. All color schemes are inside css folder /colors folder. You can easily change the color scheme by just changing the class name in the “head” part of the template. See example below:

    <link href="css/colors/blue.css" rel="stylesheet" type="text/css">

     New files added:

    We have added new stylesheet for the animations and that is inside /css folder of the template named animations.css. Also this file has been imported inside the style.css at line 2 like below:

    @import url("animations.css");

    We have also added jquery appear plugin to plugins.js file inside /js folder of the template. To update this file just replace your old file with the new one.

    Animation effects:

    Smooth animation effect has been added to almost all elements of the template. You can check the changes to html page by comparing the old html code with the new one at an online tool for comparison –

    See example below how to add the animation to any element:

    data-appear-animation="fadeIn" data-appear-animation-delay="200"

    Put the above code to any tag of the template i.e. div, span, p, h1, h2, h3 etc. data-appear-animation defines the animation effect. All effects are inside the animations.css stylesheet inside css folder. data-appear-animation-delay defines the delay for the animation to appear on the page when your element is in viewport of the browser.

    I hope this explanation helps to get you the idea how to update your template. If you still have questions and concerns then write below.


Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.