Skip to main content

CSS Styles

How to style a WEBKiosk with CSS styles

Support Team avatar
Written by Support Team
Updated this week

CSS: Cascading Style Sheets

With so-called CSS Styles, you can customize the appearance of your WEBKiosk. This allows you to define colors, fonts, and even add your own CSS code.


Managing CSS Styles

  1. Go to "My WEBKiosk"

2. Click on "Edit Design"

3. Select "My CSS Styles"

Here you can view and manage all your existing styles.


Creating a CSS Style

You have two options:

  • Create a new style from scratch

  • Copy an existing style and edit it

To do this:

  1. Go to "My CSS Styles"

2. Click "Add a new CSS Style" to start fresh

3. Or click "Copy an existing style" if you want to duplicate and modify one


Editing a CSS Style

To edit an existing style:

  1. Go to "Tasks"

  2. Select "Edit" on the style you want to modify

Inside the dialog window, you can customize the WEBKiosk design.

  • In the CSS tab, you can add your own CSS code

  • If you want to target a specific row, first assign an identifier in the row settings


Applying a CSS Style

Once you’ve created or edited your style, you can apply it to your WEBKiosk:

  1. Go to "My WEBKiosk" → "Edit Design"

  2. Click "Select CSS Style"

3. Choose the style you want to apply


Need Help?
We’re happy to assist you at:
support@yumpu.com

Did this answer your question?