Revolt Theme

Jump Ahead

    The Revolt theme is a great theme to choose and our most popular theme. 

    Examples of customers using Revolt Theme: 

     


     

    To get the Revolt installed for your website please follow these next steps: 

    • Choose Customization and then Themes from the submenu. 
    • Search for Revolt and choose Install Theme.

     

    Screenshot_9.png

     

    • Once you've installed the Revolt theme you can choose to preview your storefront from the Account Menu - Storefront from the upper right corner. 

     

    Screenshot_10.png

     

    • You'll see that the Revolt Theme has a large video banner as well as a sales banner underneath which links to a page. Then you'll see your featured categories, some editable text and then All Categories. 

     

    Screenshot_12.png

     

    Customizing the Revolt Theme

    Uploading a video for your video banner

    • To upload a video for your site video banner go to CustomizationAssets.
    • Click on Upload Asset (green button on the upper right). 

     

    Screenshot_13.png

     

    • Choose files and hit the Upload button - and since it is for the main page of your site you might want to choose a video a little bit shorter in length. No more than 30 seconds is recommended.

     

    Screenshot_14.png

     

    • Upload Complete.

     

    Screenshot_15.png

     

    • Copy the URL of the video.

    Screenshot_16.png

     

    • Then go to Styles

     

    Screenshot_16.png

     

    • Select Home.
    • Paste the URL in the Banner File Video field and click Save Changes and you'll see that the video has now been updated.

     

    Screenshot_15.png

     

    In the same Editor you can choose to customize:

    Video Banner

    • Show/ Hide Banner - choose to display or hide the video banner on your home page.
    • Edit Banner Title - fill in your video banner title or leave it empty.
    • Edit Banner Description - fill in your video banner description or just leave it empty.
    • Upload a new Banner File Image - uploading an image file will take the place of a video file if you don't have one uploaded.

     

    Screenshot_21.png

     

    Upsell Banner

    • Show/ Hide Upsell - choose to display or hide the Sales banner.
    • Edit Upsell Title - fill in your own Sales banner title.
    • Edit Upsell URL - customize your Sales banner redirect link.
    • Change Upsell Color - customize your Sales banner color.

     

    Screenshot_29.png

     

    Why Us section

    • Show/ Hide Why Us - either choose to display or hide the Why Us section all together.
    • Why Us Title - edit the Why Us main title.
    • Why Us First Title - edit Why Us first column title.
    • Why Us First Description - edit the Why Us first column description.
    • Why Us Second Title - edit the Why Us second column title.
    • Why Us Second Description - edit the Why Use second column description.
    • Why Us Third Title - edit the Why Us third column title.
    • Why Us Third Description - edit the Why Use third column description.

     

    Screenshot_23.png

     

    CTA section

    • Show/ Hide Centered CTa Section - choose to display or hide the CTa section
    • Centered Cta Section Background Color - customize the CTa background color
    • Centered Cta Section Text Color - customize the CTa text color
    • Centered Cta Section Button Background Color - customize the CTa button background color
    • Centered Cta Section Title - customize your own CTa section title
    • Centered Cta Section Text - customize your own CTa text 
    • Centered Cta Button Text - customize the Cta button text
    • Centered Cta Button Link - customize your Cta button redirect link 

     

    Screenshot_17.png

     

    Switchable section

    • Show/ Hide Switchable - choose to display or hide the Switchable section all together
    • Switchable Image Url - customize the Switchable section with your own image 
    • Switchable Title - customize the Switchable section title
    • Switchable Text - customize the Switchable section first text area
    • Switchable Text Small - customize the Switchable section second text area under hr
    • Switchable Background Color - customize the Switchable section background color
    • Switchable Text Color - customize the text color 
    • Switchable Hr Color - customize the hr line color

     

    Screenshot_18.png

     

    Testimonials section

    • Show Testimonial - choose to display or hide the testimonials section
    • Testimonial Background Color - customize the testimonial section background color
    • Testimonial Text Color - customize the testimonial section text color
    • Testimonial 1 Text - customize the 1st testimonial text
    • Testimonial 1 Author - customize the 1st testimonial author
    • Testimonial 1 Subline - customize the 1st testimonial subline text (under author)
    • Testimonial 2 Text - customize the 2nd testimonial text
    • Testimonial 2 Subline - customize the 2nd testimonial subline text (under author)
    • Testimonial 3 Author - customize the 3rd testimonial author
    • Testimonial 3 Subline - customize the 3rd testimonial subline text (under author)

     

    Screenshot_19.png

     

    Article section

    • Show Article Section - choose to display or hide the article section
    • Article Section Background Color - customize the article section background color
    • Article Section Text Color - customize the article section text color
    • Article Section Title - customize the article section title
    • Article Section Text - customize the article section text

     

    Screenshot_20.png 

    Header Settings

    • Logo Size - customize the size for your site logo
    • Icons Color - customize the header icons color

     

    Screenshot_27.png

     

    Footer and Social Icons 

    • Background Color - customize your footer background color
    • Twitter - link your Twitter account
    • Facebook - link your Facebook account
    • Youtube - link your Youtube account
    • Linkedin - link your Linkedin account
    • Instagram - link your Instagram account

     

    Screenshot_28.png

     

    Fonts

    • Title Google Font - choose a Google font for your site titles
    • Text Google Font - choose a Google font for your site texts

    NOTE: You can select from All Fonts or just Popular Fonts list. 

     

    Screenshot_29.png

     

    Primary Colors

    • Text Color - customize the general text color
    • Link Color - customize all your site links color

     

    Screenshot_30.png

     

    Breadcrumbs

    Breadcrumbs represent a very important part of your site. These small navigation agents not just help customers to visualize better where they are on your site, but also help Google establish how your site is structured. This is why we recommend you to add and customize these helpful little pointers for your site. 

    • Home Text - customize your Home text breadcrumb display
    • Library Text - customize your Library text breadcrumb display
    • Catalog Text - customize your Catalog text breadcrumb display 

     

    Screenshot_31.png

     

    Purchase Buttons  

    • Subscribe - customize the Subscribe button text for your programs
    • Rent - customize the Rent button text for your programs
    • Buy - customize the Buy button text for your programs

     

    Screenshot_36.png

     

    SEO 

    SEO helps optimize your site and will increase its relevance and visibility on search engines with specific keywords.

    • Index Page Title - customize your Index SEO Page Title
    • Index Page Description - customize your Index SEO Page Description
    • Catalog Page Title - customize your Catalog SEO Page Title
    • Catalog Page Description - customize your Catalog SEO Page Description

     

    Screenshot_32.png

     

    Search Settings

    • Page Not Found - customize the Page Not Found message
    • Placeholder - customize the Search placeholder

     

    Screenshot_33.png

     

    Login & Checkout Common Colors

    These settings are valid for all themes available, for more details on how to set it up please click here

     

     Screenshot_47.png

     

    Player Common Styles

    These player settings are valid for all themes available, for more details on how to set it up please click here

     

    Screenshot_48.png

     

     

    Screenshot_40.png

     

    Screenshot_38.png

    • For further modifications on this template and more in depth changes please click on </>Code which will redirect you to Customization > Code Editor with Liquid template files.

    NOTE: If you're looking to further customize your look & feel and need a developer to help you, checkout this post.

     

    Screenshot_21.png

     

    If you have any comments or questions that aren't answered in our Knowledge Base please feel free to email us at support@uscreen.tv 

     


     

    Contact us

    Can't find what you're looking for?

    Contact us
    Powered by Zendesk