{Power 2021}How to change the colour of navigation header in Power Apps Portal?

In continuation to Power 2021 blog series, today we will learn how to change the colour of navigation header in Power Apps Portal?

If you want to build a website that can be accessed by any authenticated users, then you may use Power Apps Portal.

Note: You can only create one portal per Power Apps environment. You need to create separate environment for each portal (If you want to create more than one).

So, let’s see the steps of changing colour of navigation header:

1. Select the portal of which you want to change the colour of its navigation header.

2. Click on “Edit”.

3. Now, go to “themes” from left navigation bar as shown below:

4. Select “theme.css” in order to update the code

5. Once you click on theme.css, a code editor window will open. Now, write below code under the code editor:

.navbar-header

{

background-color: “Write colour code or color name here”;

}

6. Find “.navbar-static-top.navbar-inverse” and write below code under this function:

.navbar-static-top.navbar-inverse

{

background-color: “Write colour code or color name here”;

}

7. Hit the “Save” button from the top right corner of the code editor window:

8. Click on “Sync configuration”

9. Now, Restart the portal once and see the changes made by you.

Hope it helps and Power 365ing as usual!

Any problem in Power Platform or Dynamics 365 – end user, Microsoft partner or an individual?

Problem Area – Technical, Functional, Training, Development or consulting?

I am here to help, get in touch here: Click here