Import an Overlay Theme

You can create overlay themes to match your brand or custom styling. Users may export/save custom overlay themes using the online Theme Tool.

It is also possible to create overlay themes and send/attach the CSS file to others. This article will explain how to import it to their local Shabad OS Presenter app.

Open the folder location of Shabad OS overlay themes

  1. In the Shabad OS controller, click the cog/gear to open the Settings window.
  2. Select Overlay in the left pane.
  3. Click Open Overlay Folder.

Add a custom overlay themes to Shabad OS

  1. Locate the custom overlay theme (e.g. a file exported/saved from the online Theme Tool that ends in a .css file extension).
  2. Move the custom overlay theme into the folder location of Shabad OS overlay themes.

Select the custom overlay theme in Shabad OS

  1. Open the Settings window in Shabad OS.
  2. Select Overlay in the left pane.
  3. Open the Overlay Name dropdown menu.
  4. Select the line matching the filename of the custom overlay theme.

Note: You may have to refresh web browsers that were already pointing to the overlay for the theme to take effect. For example, in OBS you may have to Right-Click the Browser Source and click Properties and scroll down to Refresh cache of current page for the custom Overlay theme to take effect.

Suggest changes to this page