Skip to main content

CSS Styles

How to style a WEBKiosk with CSS styles

Support Team avatar
Written by Support Team
Updated this week

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 WEBKiosks"

2. Click on "Edit Design"

3. Select "CSS Styles"

Here you can view and manage all your existing styles and also add a new one.


Creating a CSS Style

  • Create a new style from scratch

To do this:

  1. Go to "CSS Styles"

2. Click on Add a CSS Style

3. Pick the name of your new CSS style and click save.

4. Write the CSS code and click save.


Editing a CSS Style

To edit an existing style: Select "Pen" on the icon you want to modify.

In the dialog window, you can customize the design of the WEBKiosk.

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

  • If you want to target a specific row, you need to assign it 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 WEBKiosks" → "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?