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

2291
4
Jump to solution
11-30-2017 10:04 AM
WhitneyNewcomb
Occasional Contributor

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.

1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Emeritus

Whitney,

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

.jimu-on-screen-widget-panel>.jimu-panel-title {
  background-color: #ff5566;
}

View solution in original post

4 Replies
RobertScheitlin__GISP
MVP Emeritus

Whitney,

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

.jimu-on-screen-widget-panel>.jimu-panel-title {
  background-color: #ff5566;
}
WhitneyNewcomb
Occasional Contributor

As always, Robert, you saved the day!

Thank you.

0 Kudos
BrianCunningham2
New Contributor III

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

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Brian,

    The launchpad theme does not use that CSS rule.

.jimu-launchpad-panel>.jimu-panel-title {
  background-color: #ff5566;
}
0 Kudos