Skip to content

How to Change Formyoula Mobile App Header Background Color and Header Text Color

In this guide, you will learn how to setup custom header background and header text colors for your Formyoula mobile app.

Please make sure you are the administrator for your Formyoula account.

To update the header background and header text colors, please click on your name in the top right corner and select 'Setup' from the drop down list.

Screen Shot 2016-05-06 at 145048png

Now when you are on your Setup page, please scroll down to the 'Organisation Details' section. Here you can update the default header background and header text colors. Please note, once you make any changes and click “Update Organisation” button, this will affect all your Formyoula mobile app users.

Screen Shot 2016-05-11 at 132634png

Header Background and Header Text Colour picker might not be available on older browsers. Please use the following CSS examples to set your custom colors -

In our above example the 'Header Background Colour' is changed to red and the 'Header Text Colour' is changed to yellow. After clicking the 'Update Organisation' button and launching the mobile application, we will see the custom header colour scheme.

If you have any questions, please let us know by sending an email to

Feedback and Knowledge Base