BookmarkBookmark this page!
Mar 23, 2023
Document, Storefront & Kiosk Themes



This article will show you how to create themes for your documents, customer online storefront and kiosk features.


Topics in this article include:





Front End Theme


1. Go to Configuration > Themes. This will display a list of your themes. If you want to create a new one then click + New Theme. If this is for your storefront or Front End, you want to make sure the Front End option is highlighted in the Content Preview Examples.  

 

Picture1.jpg

 

 

Picture2.jpg

 

2. Enter a name for this theme, then select your primary and header font.

 

Picture3.jpg

 

3. Next, you will select the color themes for each option. As you select the color, you will see what section changes in the Content Preview Example to your right. 

 

Picture4.jpg

 

4. Be sure to check which feature this theme is to apply to.

 

Picture5.jpg

 

5. If you need a certain text changed or footers removed, etc., switch to Advanced Mode and enter your Custom CSS code.   

  

Picture6.jpg

 

Note: We do not support custom CSS. You or your website hosting person would need to know CSS before this can be applied. We do not guarantee the CSS code entered will work with the next Customer Online Storefront updates.

  

Picture7.jpg

 

 
Applying Front End Theme
 

Once you have the Front End theme created and saved, navigate to Configuration > Front End Configuration and select the theme you want to use on your storefront.


Picture8.jpg


 

Document Theme
 

1. Go to Configuration > Themes. This will display a list of your themes. If you want to create a new one then click + New Theme. If this is for your documents, you want to make sure the Document option is highlighted in the Content Preview Examples.  

  

Picture9.jpg 

 

Picture10.jpg 

 

2. Select your color themes for Primary Brand/Header and Title/Heading colors.

  

Picture11.jpg

 

3. Make sure the Documents box is selected in the content to apply this theme to section.

 

Picture12.jpg

  

4. If you need a certain text changed or footers removed, etc., switch to Advanced Mode and enter your Custom CSS code.  

  

Picture13.jpg

 

Note: We do not support custom CSS. You or your website hosting person would need to know CSS before this can be applied. We do not guarantee the CSS code entered will work with the next document updates.

  

Picture14.jpg

  

5. Once everything is selected, just click Save and this theme is automatically applied to your documents.



Kiosk Theme
 

1. Go to Configuration > Themes. This will display a list of your themes. If you want to create a new one then click + New Theme. If this is for your kiosk, you want to make sure the Kiosk option is highlighted in the Content Preview Examples.  

 

If you do not have a kiosk and would like to learn more, please contact our Sales department at Sales@rentalessentials.com

 

Picture15.jpg

 

2. Don't forget to set your name and color themes. As you set your color themes, the example to your right will change accordingly.

 

Picture16.jpg

 

3. If you need a certain text changed or footers removed, etc., switch to Advanced Mode and enter your Custom CSS code.  

  

Picture17.jpg

 

Note: We do not support custom CSS. You or your website hosting person would need to know CSS before this can be applied. We do not guarantee the CSS code entered will work with the next kiosk updates.

  

Picture18.jpg

  

4. Once you have made your selections, click Save and navigate to Stations > Kiosks and click the edit icon next to the kiosk you want to add this theme to. If you don't have kiosks created, please refer to our Kiosk Operations and Setup document.  

  

Picture19.jpg 

 

5. From the edit kiosk screen, click the edit icon next to the Kiosk Configuration you want this theme to apply to. Instructions on how to set up kiosk configurations can be found in our Kiosk Operations and Setup document.

  

Picture20.jpg

  

6. Select the created theme from the Theme drop-down and click Save.

  

Picture21.jpg

 
Now you have your storefront, documents, and kiosk set to the same theme as your company's theme.



Related articles  


Kiosk Operations and Setup
Online Storefront  

 

Related Articles

Was this article helpful?

00


Upload Files