--- title: How to edit a colour of a button description: This guide is to walk the reader through how to edit a colour of button that is on the touchscreen. --- [Skip to content](https://knowledge.sgworld.com/how-to-edit-a-colour-of-a-button#main-content) English Show submenu for translations [More support](https://knowledge.sgworld.com/kb-tickets/new?hsLang=en) [Customer portal](https://knowledge.sgworld.com/mytickets?hsLang=en) ![](https://knowledge.sgworld.com/hs-fs/hubfs/Logo%20white%20trans-1.png?width=100&height=75&name=Logo%20white%20trans-1.png) Open main navigation Close main navigation - English Show submenu for translations - [More support](https://knowledge.sgworld.com/kb-tickets/new) - [Customer portal](https://knowledge.sgworld.com/mytickets) Find your answers here - There are no suggestions because the search field is empty. 1. [Knowledge Base](https://knowledge.sgworld.com/?hsLang=en) 2. [SGW5D Touchscreen Guides](https://knowledge.sgworld.com/sgw5d-touchscreen-guides?hsLang=en) 3. [Create/ Change](https://knowledge.sgworld.com/sgw5d-touchscreen-guides?hsLang=en#create-change) # 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. 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.](https://knowledge.sgworld.com/hs-fs/hubfs/undefined-Sep-24-2025-06-45-35-9154-AM.png?width=670&height=329&name=undefined-Sep-24-2025-06-45-35-9154-AM.png) 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.](https://knowledge.sgworld.com/hs-fs/hubfs/undefined-Sep-24-2025-06-45-41-9423-AM.png?width=670&height=329&name=undefined-Sep-24-2025-06-45-41-9423-AM.png) 4. ‘Background’ covers the main colour of the button.   ![A screenshot of a computer AI-generated content may be incorrect.](https://knowledge.sgworld.com/hs-fs/hubfs/undefined-Sep-24-2025-06-45-47-5681-AM.png?width=670&height=329&name=undefined-Sep-24-2025-06-45-47-5681-AM.png) 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.](https://knowledge.sgworld.com/hs-fs/hubfs/undefined-Sep-24-2025-06-45-56-4668-AM.png?width=670&height=329&name=undefined-Sep-24-2025-06-45-56-4668-AM.png) 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.](https://knowledge.sgworld.com/hs-fs/hubfs/undefined-Sep-24-2025-06-46-03-4566-AM.png?width=670&height=327&name=undefined-Sep-24-2025-06-46-03-4566-AM.png) 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.](https://knowledge.sgworld.com/hs-fs/hubfs/undefined-Sep-24-2025-06-46-08-2108-AM.png?width=670&height=327&name=undefined-Sep-24-2025-06-46-08-2108-AM.png) 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.](https://knowledge.sgworld.com/hs-fs/hubfs/undefined-Sep-24-2025-06-46-16-0148-AM.png?width=670&height=327&name=undefined-Sep-24-2025-06-46-16-0148-AM.png)   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.](https://knowledge.sgworld.com/hs-fs/hubfs/undefined-Sep-24-2025-06-46-27-8914-AM.png?width=903&height=444&name=undefined-Sep-24-2025-06-46-27-8914-AM.png) 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.](https://knowledge.sgworld.com/hs-fs/hubfs/undefined-Sep-24-2025-06-46-34-8753-AM.png?width=903&height=447&name=undefined-Sep-24-2025-06-46-34-8753-AM.png) 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.](https://knowledge.sgworld.com/hs-fs/hubfs/undefined-Sep-24-2025-06-46-40-9691-AM.png?width=903&height=444&name=undefined-Sep-24-2025-06-46-40-9691-AM.png) 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.](https://knowledge.sgworld.com/hs-fs/hubfs/undefined-Sep-24-2025-06-46-48-8503-AM.png?width=903&height=441&name=undefined-Sep-24-2025-06-46-48-8503-AM.png) 14. Then you will have the same options as the button colour selector.   ![A screenshot of a computer AI-generated content may be incorrect.](https://knowledge.sgworld.com/hs-fs/hubfs/undefined-Sep-24-2025-06-46-57-4814-AM.png?width=903&height=450&name=undefined-Sep-24-2025-06-46-57-4814-AM.png) 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.](https://knowledge.sgworld.com/hs-fs/hubfs/undefined-Sep-24-2025-06-47-06-6065-AM.png?width=903&height=450&name=undefined-Sep-24-2025-06-47-06-6065-AM.png)     - [Recent Updates](https://knowledge.sgworld.com/recent-updates?hsLang=en#main-content) - [24/08/2026](https://knowledge.sgworld.com/recent-updates?hsLang=en#24-08-2026) - [13/07/2026](https://knowledge.sgworld.com/recent-updates?hsLang=en#13-07-2026) - [30/06/2026](https://knowledge.sgworld.com/recent-updates?hsLang=en#30-06-2026) - [25/04/2026](https://knowledge.sgworld.com/recent-updates?hsLang=en#25-04-2026) - [12/03/2026](https://knowledge.sgworld.com/recent-updates?hsLang=en#12-03-2026) - [05/02/2026](https://knowledge.sgworld.com/recent-updates?hsLang=en#05-02-2026) - [15/12/2025](https://knowledge.sgworld.com/recent-updates?hsLang=en#15-12-2025) - [11/12/2025](https://knowledge.sgworld.com/recent-updates?hsLang=en#11-12-2025) - [10/12/2025](https://knowledge.sgworld.com/recent-updates?hsLang=en#10-12-2025) - [08/12/2025](https://knowledge.sgworld.com/recent-updates?hsLang=en#08-12-2025) - [24/11/2025](https://knowledge.sgworld.com/recent-updates?hsLang=en#24-11-2025) - [SGW5D System Guides](https://knowledge.sgworld.com/sgw5d-system-guides?hsLang=en#main-content) - [Accounts](https://knowledge.sgworld.com/sgw5d-system-guides?hsLang=en#accounts) - [System](https://knowledge.sgworld.com/sgw5d-system-guides?hsLang=en#system) - [Roles](https://knowledge.sgworld.com/sgw5d-system-guides?hsLang=en#roles) - [SGW5D People Guides](https://knowledge.sgworld.com/sgw5d-people-guides?hsLang=en#main-content) - [Visitor](https://knowledge.sgworld.com/sgw5d-people-guides?hsLang=en#visitor) - [Contractor](https://knowledge.sgworld.com/sgw5d-people-guides?hsLang=en#contractor) - [Regular Contractors](https://knowledge.sgworld.com/sgw5d-people-guides?hsLang=en#regular-contractors) - [Staff](https://knowledge.sgworld.com/sgw5d-people-guides?hsLang=en#staff) - [Locations](https://knowledge.sgworld.com/sgw5d-people-guides?hsLang=en#locations) - [Student](https://knowledge.sgworld.com/sgw5d-people-guides?hsLang=en#student) - [SGW5D Visitor Guides](https://knowledge.sgworld.com/sgw5d-visitor-guides?hsLang=en#main-content) - [Absence](https://knowledge.sgworld.com/sgw5d-visitor-guides?hsLang=en#absence) - [Dashboard](https://knowledge.sgworld.com/sgw5d-visitor-guides?hsLang=en#dashboard) - [Configuration](https://knowledge.sgworld.com/sgw5d-visitor-guides?hsLang=en#configuration) - [Reports](https://knowledge.sgworld.com/sgw5d-visitor-guides?hsLang=en#reports) - [SGW5D Contractor Management Guides](https://knowledge.sgworld.com/sgw5d-contractor-management-guides?hsLang=en#main-content) - [Job Creation](https://knowledge.sgworld.com/sgw5d-contractor-management-guides?hsLang=en#job-creation) - [Company Documents](https://knowledge.sgworld.com/sgw5d-contractor-management-guides?hsLang=en#company-documents) - [Company Types](https://knowledge.sgworld.com/sgw5d-contractor-management-guides?hsLang=en#company-types) - [Permits](https://knowledge.sgworld.com/sgw5d-contractor-management-guides?hsLang=en#permits) - [Reports](https://knowledge.sgworld.com/sgw5d-contractor-management-guides?hsLang=en#reports) - [SGW5D Asset Management Guide](https://knowledge.sgworld.com/sgw5d-asset-management-guide?hsLang=en#main-content) - [Items](https://knowledge.sgworld.com/sgw5d-asset-management-guide?hsLang=en#items) - [Audit](https://knowledge.sgworld.com/sgw5d-asset-management-guide?hsLang=en#audit) - [Helpdesk](https://knowledge.sgworld.com/sgw5d-asset-management-guide?hsLang=en#helpdesk) - [Configuration](https://knowledge.sgworld.com/sgw5d-asset-management-guide?hsLang=en#configuration) - [SGW5D Touchscreen Guides](https://knowledge.sgworld.com/sgw5d-touchscreen-guides?hsLang=en#main-content) - [Create/ Change](https://knowledge.sgworld.com/sgw5d-touchscreen-guides?hsLang=en#create-change) - [Delete](https://knowledge.sgworld.com/sgw5d-touchscreen-guides?hsLang=en#delete) - [SGW5D Workflow Guides](https://knowledge.sgworld.com/sgw5d-workflow-guides?hsLang=en#main-content) - [Stage Creation](https://knowledge.sgworld.com/sgw5d-workflow-guides?hsLang=en#stage-creation) - [Workflow Creation](https://knowledge.sgworld.com/sgw5d-workflow-guides?hsLang=en#workflow-creation) - [Induction Creation](https://knowledge.sgworld.com/sgw5d-workflow-guides?hsLang=en#induction-creation) - [Visit Types](https://knowledge.sgworld.com/sgw5d-workflow-guides?hsLang=en#visit-types) - [SGW5D People Groups Guides](https://knowledge.sgworld.com/sgw5d-people-groups-guides?hsLang=en#main-content) - [Evacuation Groups](https://knowledge.sgworld.com/sgw5d-people-groups-guides?hsLang=en#evacuation-groups) - [Class](https://knowledge.sgworld.com/sgw5d-people-groups-guides?hsLang=en#class) - [Departments](https://knowledge.sgworld.com/sgw5d-people-groups-guides?hsLang=en#departments) - [Contact Us](https://knowledge.sgworld.com/contact-us?hsLang=en) [![Chill listening crop-3](https://knowledge.sgworld.com/hs-fs/hubfs/sg_world_logo_new_373x208-1.png?width=42&height=24&name=sg_world_logo_new_373x208-1.png "Chill listening crop-3")](http://sgworld.com) [mailto:email@email.com](mailto:email@email.com) Copyright © 2025, SG World