I have a logo that I can not change. Unfortunately, the logo is dark and does not go with the dark gray of the logo therefore I've been asked to change the background color to a light gray or white.
I've attempted to go to the common.css to change the color but I have failed.
Which rule will I have to edit to change the background-color of the widget? (Using Dart Theme)?
Solved! Go to Solution.
Emily,
Try adding the rule to this file then.
https://giswebtest.dhec.sc.gov/diabetes/jimu.js/css/jimu-theme.css
Emily,
This one:
.dart-panel .panel-bg {
background-color: #4c4c4c;
}
I changed the color from #4c4c4c to #dbd9d9 within
.dart-panel .panel-bg {
background-color: #4c4c4c;
}
Cleared my cache and the widget's panel still appears to be dark gray.
There is something overwriting that text. I just can't figure out where that is.
Are you adding the rule to the Bottom of the common.css?
I was not. I was just editing the downloaded code.
Since you suggested, I added .dart-panel .panel-bg {background-color: #dbd9d9;} to the bottom of the common.css, cleared my cache, and the background color was still dark gray. I added !important in hopes that it would work, and it did not.
Emily,
Here is my rule at the bottom of my Dart theme common.css file:
.dart-panel .panel-bg {
background-color: #c93434;
}
And what the app looks like:
Emily,
OK this is what I get when I use your file:
That is exactly what I want.
I'm stumped as to why it is not reflected in my web app.
Is your app public?