Site Theme Builder

Introduction

The Vidflex™ Theme Builder is used to help build your company’s brand on your platform and ensure transparency for your audience. The tool is fast, efficient and customizable with your theme and company in mind.

In this article we'll review the available options for branding, how to implement your theme and best practices.

The branding options available are displayed in two categories:

Video Walkthrough

Open And Activate Editor

1. On the back end of the platform under Channel Settings, located on the left hand side menu, scroll down and select Branding
2.  go to the Theme Builder section and click to open the dropdown list 
3. Select Enabled, to begin
4. Click the Open Editor button - The tool will open a new tab on the front end of the platform

Front End Shortcut: Once the theme builder is active on the backend you can also make changes using the shortcut icon on the header menu. 

Tip: Changes made on the theme builder are done in real time. Disabling the builder will revert your theme back to the original colors and fonts, previous changes made on the builder will no longer be visible on the front end of the platform.

Front End Use

The Theme Builder is located on the right hand side of the header menu, below is the descriptions of the sections within:

1. Site Name
2. Close - the theme tool 
3. Content - the tool will take you to the back end when selected and opens in a new tab. This will allow you to continue working on the other tabs while making changes in the back end with the ‘content’ tab.
4. Theme - Editable locations on the front end that you can change with the theme builder.

Once changes have been saved we suggest you review all platform pages to ensure consistency. 

Helpful Tips

• Prepare beforehand with a branding guide to align with your updates (eg. hex codes, font and font family) 
• Ensure text color is visible with changes made to the background color, for best results have the background and text as complementary colors (eg Black and white, blue and yellow or green and purple)  
• Review changes prior to hitting save 
• Once you’ve selected to save the changes, go through every page individually, try links and form boxes to see active and hover colors
• Some locations on the page may require a color hue slightly darker or lighter than others to ensure visibility, alter as needed  
• If you require a change not on the theme tool please reach out to your Account Manager. Our teams may be able to help with an advanced code or workaround. We’re here to help!

Customization

As mentioned earlier, not all system pages can be modified. Please refer to the following table to learn more

Theme Builder Properties

The following table describes the customizing theme properties on the theme builder