Dashboard Theme: Panel Header Height? Color?

[PhilBeilin1]

Hello!

I am trying to get the panel headers height to change height.

As you can see in the image I was able to change the font size (Info and Public Art) but I have not been able to find out where in the css I can change the height of the panels so that the larger text fits within.

Aside, is there a way to change the color of these panels individually?

[RobertScheitlin__GISP · Accepted solution]

Phil,

   Here is the css rule to add to the bottom of your apps themes/DashBoard/common.css:

.lm_header,
.lm_tab,
.lm_header .lm_tab {
  height: 32px !important;
  background-color: blue !important;
  font-size: 18px !important;
  font-weight: bolder;
}‍‍‍‍‍‍‍‍

Not sure about your aside.

[RodWoodfordOld]

Hi Robert,

Thank you for this info. Expanding on it. How do you change the panel background color to match the new header color?

cheers

Rod

[RobertScheitlin__GISP]

Rod,

  Simply adding this rule will do that:

.lm_content {
  background-color: blue !important;
}‍‍‍

[RodWoodfordOld]

Thanks for the prompt reply. Tried adding this, but it only flashes up in WABD2.6 app and then reverts back to the default panel color. Is there something else that needs including?

cheers

[RobertScheitlin__GISP]

Rod,

  I guess this is what you are wanting then.

.jimu-widget-frame.jimu-container {
  background-color: blue !important;
}‍‍‍

[RodWoodfordOld]

Perfect thank you Robert.