Skip to content
English
  • There are no suggestions because the search field is empty.

How to edit a colour of a button

This guide is to walk the reader through how to edit a colour of button that is on the touchscreen.

    1. You will need to be in the editor of the touchscreen, if are unsure how to do that please see this guide. 
    2. Click any of the button options.  

      A screenshot of a computer

AI-generated content may be incorrect.

    3. At the bottom of the chosen button, you will see two coloured boxes. One will be ‘Background’ and the other is ‘Text’. 

      A screenshot of a computer

AI-generated content may be incorrect.

    4. ‘Background’ covers the main colour of the button.  

      A screenshot of a computer

AI-generated content may be incorrect.

    5. ‘Text’ will colour the name of the button and the icon of the button. 

      A screenshot of a computer

AI-generated content may be incorrect.

    6. Clicking on a colour type will allow you to select a colour, using the colour slider you will be able to pick what colour you want to use.  

      A screenshot of a computer

AI-generated content may be incorrect.

    7. You can also use the pipette to target another colour from another page; this is you can pick colours from a certain material.  

      A screenshot of a computer

AI-generated content may be incorrect.

    8. There is also the option of picking a colour by inputting the RGB colours of specific colour.

      A screenshot of a computer

AI-generated content may be incorrect.
       
    9. You can use the clone colours options to copy the colour from another button as well.  

      A screenshot of a computer

AI-generated content may be incorrect.

    10. You can switch the colours between text and the background; this can be done by using the switch button between the ‘Background’ and ‘Text’ box. 

      A screenshot of a computer

AI-generated content may be incorrect.

    11. If there is a colour scheme that you want to keep, there is a little tick box that can be used to apply all parts of the touchscreen other than the banners. 

      A screenshot of a computer

AI-generated content may be incorrect.

    12. You can also apply your own colours to the banners as well.  
    13. Go into ‘General’ and move the middle page to the bottom.  

      A screenshot of a computer

AI-generated content may be incorrect.

    14. Then you will have the same options as the button colour selector.  

      A screenshot of a computer

AI-generated content may be incorrect.

    15. When you have completed any changes make sure that you have pressed ‘Submit’ to save any changes.  

      A screenshot of a computer

AI-generated content may be incorrect.