MVP Site Customization Options

by Jeff Richmond
Follow

As a part of your site customization, you and your web development team can select one of the below Snippet packages to install in your theme to apply a basic customization to your training site. You can also use these as templates if you want to make further changes, by Copying the CSS out of these Stylesheets and inputting the code directly into your theme. 

 

Related Articles about the Basics and Best Practices about more complexSite Customization:

The snippets below will be installed in the Global Head and Global Code Snippets within your Theme on the Skilljar Dashboard

 

Blank Slate

A clean, simple theme that can be very powerful with strong Promo and Header Images.

Screen_Shot_2020-10-14_at_11.03.52_AM.png

In order to use this theme, you can install the following StyleSheet into your Global Head Snippet in your theme:

<link rel="stylesheet" href="https://public.sj-cdn.net/sse/blank_slate.css">

 

 

Walkthrough / Demo Site Theme

A beautiful theme created for the Skilljar Demo Environment. Note: there may be minor changes to this as the team optimizes the CSS 

Screen_Shot_2020-10-22_at_8.41.59_AM.png

In order to use this theme, you can install the following StyleSheet into your Global Head Snippet in your theme:

<link rel="stylesheet" href="https://public.sj-cdn.net/sse/skilljar_walkthrough_lite.css">

 

 

Onyx Dark Theme

A dark theme with large tile customization - This theme works best if you use "Dark Mode" in the Lesson Settings > Lesson Color Scheme on your theme.

This theme will display any data tags that you have added to the course/catalog page on the lower part of the tile, move the price string to the top left of the tile, and will animate your promo image as the student hovers over it. 

Screen_Shot_2020-11-05_at_12.49.24_PM.png

In order to use this theme, you can install the following StyleSheet and Script into your Global Head Snippet in your theme:

<link rel="stylesheet" href="https://public.sj-cdn.net/sse/demo2_style.css"/>
<script src="https://public.sj-cdn.net/sse/demo2_script.js"> </script>
Powered by Zendesk