{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:

clip_image002

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

clip_image004

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:

clip_image005

8. Click on “Sync configuration

clip_image006

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

clip_image007

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s