# Regarding Design of the Cht app

**URL:** <https://forum.communityhealthtoolkit.org/t/regarding-design-of-the-cht-app/2638>\
**Category:** Design\
**Created:** [April 5, 2023, 4:54am UTC](https://forum.communityhealthtoolkit.org/t/regarding-design-of-the-cht-app/2638 "2023-04-05T04:54:36Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sandip\_Parajuli](https://communityhealthtoolkit.b-cdn.net/user_avatar/forum.communityhealthtoolkit.org/sandip_parajuli/32/2083_2.png) [@Sandip\_Parajuli](https://forum.communityhealthtoolkit.org/u/Sandip_Parajuli)\
**Post date:** [April 5, 2023, 4:54am UTC](https://forum.communityhealthtoolkit.org/t/regarding-design-of-the-cht-app/2638/1 "2023-04-05T04:54:36Z")

</div>

In which file the design of the web app is stored ? We could not find the file to change the style in login page of the app.

---

<div class="post-metadata">

**Author:** ![were](https://communityhealthtoolkit.b-cdn.net/user_avatar/forum.communityhealthtoolkit.org/were/32/2084_2.png) [@were](https://forum.communityhealthtoolkit.org/u/were)\
**Post date:** [April 5, 2023, 5:19am UTC](https://forum.communityhealthtoolkit.org/t/regarding-design-of-the-cht-app/2638/2 "2023-04-05T05:19:05Z")

</div>

@sue @Jane_Katanu related to this post ['How can we improve/enhance CHT design to respond to unique users?](https://forum.communityhealthtoolkit.org/t/how-can-we-improve-enhance-cht-design-to-respond-to-unique-users/2052) @Nicole_Orlowski @michael nice question from @Sandip_Parajuli

---

<div class="post-metadata">

**Author:** ![yuv](https://communityhealthtoolkit.b-cdn.net/user_avatar/forum.communityhealthtoolkit.org/yuv/32/320_2.png) [@yuv](https://forum.communityhealthtoolkit.org/u/yuv)\
**Post date:** [April 5, 2023, 10:37am UTC](https://forum.communityhealthtoolkit.org/t/regarding-design-of-the-cht-app/2638/3 "2023-04-05T10:37:52Z")

</div>

Hi @Sandip_Parajuli , CHT allows certain brandings like changing favicon, logo, title without needing to modify the source code. You can do so by creating `branding.json` file in your app folder and then defining your icon, logo, title.

[Here](https://docs.communityhealthtoolkit.org/apps/reference/resources/#branding) is the documentation on how to do so. Please remember to upload your branding using `cht --local upload-branding` if your are testing it locally, or passing URL detail in place of `--local`.

---

<div class="post-metadata">

**Author:** ![Sandip\_Parajuli](https://communityhealthtoolkit.b-cdn.net/user_avatar/forum.communityhealthtoolkit.org/sandip_parajuli/32/2083_2.png) [@Sandip\_Parajuli](https://forum.communityhealthtoolkit.org/u/Sandip_Parajuli)\
**Post date:** [April 6, 2023, 8:47am UTC](https://forum.communityhealthtoolkit.org/t/regarding-design-of-the-cht-app/2638/4 "2023-04-06T08:47:40Z")

</div>

Yes we could do it but how do we change the width: 14.2em;  
height: 3.8em; that’s been set in the app. and also the background color of the login page.

---

<div class="post-metadata">

**Author:** ![BrianGacheru](https://communityhealthtoolkit.b-cdn.net/user_avatar/forum.communityhealthtoolkit.org/briangacheru/32/2057_2.png) [@BrianGacheru](https://forum.communityhealthtoolkit.org/u/BrianGacheru)\
**Post date:** [April 6, 2023, 11:02am UTC](https://forum.communityhealthtoolkit.org/t/regarding-design-of-the-cht-app/2638/5 "2023-04-06T11:02:34Z")

</div>

I’d like to know this also. Is there a way to change the styling on the elements of pages in the app?

---

<div class="post-metadata">

**Author:** ![yuv](https://communityhealthtoolkit.b-cdn.net/user_avatar/forum.communityhealthtoolkit.org/yuv/32/320_2.png) [@yuv](https://forum.communityhealthtoolkit.org/u/yuv)\
**Post date:** [April 6, 2023, 6:58pm UTC](https://forum.communityhealthtoolkit.org/t/regarding-design-of-the-cht-app/2638/6 "2023-04-06T18:58:53Z")

</div>

Hi @Sandip_Parajuli , @BrianGacheru ,

This is not supported directly like other brandings. But if you are deploying from source code / docker and want to play around with source code and are interested to explore on your own, please use this [css](https://github.com/medic/cht-core/blob/master/api/src/public/login/style.css) to make your desired changes and see if it works for you. And this is the [login page](https://github.com/medic/cht-core/blob/master/api/src/templates/login/index.html) template.

Please remember that, this is not the recommended, and your changes may be overwritten if you upgrade your instance. Alternatively, you can create a feature request on cht-core [here](https://github.com/medic/cht-core/issues/new?assignees=&labels=Type%3A+Feature&template=feature_request.md&title=) for the options you want to be configurable.