Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 7 Next »


A majority of online sales are now done using a mobile device. PeakProtect's brand-new mobile-responsive look & feel is there to provide a great first impression, regardless of the device.

Solution 

The refreshed design offers a modern and user-friendly waiting page layout. As a white label solution the page can of course be personalized to perfectly align with your brand's identity. You can customize the logo, background, colors and labels.

Getting Started

To apply the new design, please contact customer support and create a new service ticket.

New clock:

If you want to change the clock colors you have to go to branding-resources.js and you will find these variables: 

Changing them you will be able to see the changes.


New 'wait' screen

To change the colors go to the branding.css and you will see some variables for the colors, the one that affects the spinner is --main-color, by changing it you will see the changes. In case you don't want to use that variable you can easily change it by going to the .dot class and changing the background:

Change the logo

To change the default logo go to the branding.css and change the background image. You can add yours in the resources folder and use it as it is done in line 2 of the screenshot.


Change the footer

To change the default footer, go to branding.css and change the background by adding the image in the resources folder and using it in the class: 


Zip download


  • No labels