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; } } }

Where can you change the color of the Widget Panel Header (WAB-D)

WhitneyNewcomb

Good morning GeoNet, I need a little help again!

I am using the Dashboard theme.

I want to change the color of the header for the pop-up widgets.

Here's a picture:

I want to change that dark blue/grey color.

Where in the css can I find this?

I've dug around and haven't found it so I figured it was time to ask.

Thanks in advance for your time.

Trouver plus de publications taguées avec

Accepted answers

RobertScheitlin__GISP

Whitney,

Add this css rule to your common.css in your apps themes\dahboardTheme\common.css:

<SPAN class="selector token">.jimu-on-screen-widget-panel>.jimu-panel-title</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp; <SPAN class="property token">background-color</SPAN><SPAN class="punctuation token">:</SPAN> #ff5566<SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

All comments

RobertScheitlin__GISP

Whitney,

Add this css rule to your common.css in your apps themes\dahboardTheme\common.css:

<SPAN class="selector token">.jimu-on-screen-widget-panel>.jimu-panel-title</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp; <SPAN class="property token">background-color</SPAN><SPAN class="punctuation token">:</SPAN> #ff5566<SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

WhitneyNewcomb

As always, Robert, you saved the day!

Thank you.

BrianCunningham2

Hello,

Has this rule changed? I am attempting to do the same change in the Launchpad Theme and I am not seeing any results after adding that rule to the common.css file for the Launchpad Theme.

Much appreciated,

Brian

RobertScheitlin__GISP

Brian,

The launchpad theme does not use that CSS rule.

.jimu-launchpad-panel>.jimu-panel-title {
  background-color: #ff5566;
}<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

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