/
NorthStar Kiosk CSS Guide

NorthStar Kiosk CSS Guide

Owned by Andrea Uceda
Last updated: Oct 01, 2022
4 min read

Steps:

  1. Click appearance -> Customize

  2. Click additional CSS

3. Add new CSS on Additional CSS box

Customizing - Additional CSS

 

Screen

Customizable Elements

Examples

 

 

 

Star button

  • CSS customizable attributes:

  • Button background color: background-color

  • Text color: color

 

 

 

Home screen tittle

  • CSS customizable attributes:

  • Text color: color

 

 

 

 

 

 

 

 

Top Bar

  • CSS customizable attributes:

  • Bar background color: background-color

Text color: color

 

Categories menu

 

  • CSS customizable attributes:

  • menubackground color: background-color

Text color: color

 

Active category

 

 

  • CSS customizable attributes:

  • menubackground color: background-color

  • Text color: color

  • Border Color

 

 

 

 

Cart Bar

 

  • CSS customizable attributes:

  • Bar background color: background-color

Text color: color

 

Text color:

 

Product window

  • CSS customizable attributes:

  • Window background color: background-color

Text color: color

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Background:

Image :

Product title:

Product description

Customer label

Quantity control

 

Product image

  • CSS customizable attributes:

  • Screen background color: background-color

Text color: color

Buttom dolor

 

Backgorund

Text titles

Table headers

Table row text

Buttom

 

  • CSS customizable attributes:

  • Window background color: background-color

Text color: color

Buttom: background-color

Container color: background-color

 

Container background

Central container backgroudn

Thank you message

Text color add a new class

Table details headers

Table details values