NorthStar Kiosk CSS Guide

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