nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How do I change header colour of widgets in Experience Builder?

TaupoDistrict_Council

I have been trying to customise the look of Experience Builder with our organisation colours. I haven't found how to change the colour of the search glass or the header of the widgets (e.g. Layers). The default blue really clashes with our colours.

How do I do this??

Vind meer berichten getagd met

Accepted answers

ShengdiZhang

Hi @TaupoDistrict_Council ,

You can go to the theme panel, choose the Organization Shared theme:

Or you can click the Customize button to custom the primary color of the Default theme:

Regards,

Shengdi

All comments

ShengdiZhang

Hi @TaupoDistrict_Council ,

You can go to the theme panel, choose the Organization Shared theme:

Or you can click the Customize button to custom the primary color of the Default theme:

Regards,

Shengdi

TaupoDistrict_Council

Thanks, just what I needed 🙂

Andrew_Wolff

Why is it though when you set the same hex color it still appears darker in the widget header.

TaupoDistrict_Council

Hi @ShengdiZhang

I've tried the same way in the latest version of Dashboards ... but the ability to change button colours doesn't seem to be there. I posted to the community a few weeks back but it hasn't had any answers. Any chance you know your way around Dashboards too (I was hoping it would be a pretty similar template). https://community.esri.com/t5/arcgis-dashboards-questions/how-to-change-button-colours/m-p/1269301

SueStewart

So I discovered a workaround to this problem.

Set your primary color.

Click the advanced color settings and locate your primary (labeled as Primary - 500).

Hover over the shade above it (Primary - 400), and make note of the hex code.

Now change your primary color to this new color and it should match better:

RandyMcGregor_BMcD

There is a blur effect on the widget popups that I would like to change (remove). Is it possible to do this?

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.