Background color for About Widget

421
14
Jump to solution
05-16-2019 12:29 PM
Highlighted
New Contributor III

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)?

Reply
0 Kudos
1 Solution

Accepted Solutions
Highlighted
MVP Esteemed Contributor
14 Replies
Highlighted
MVP Esteemed Contributor

Emily,

  This one:

.dart-panel .panel-bg {
background-color: #4c4c4c;
}‍‍‍‍‍‍‍‍‍‍‍‍
Reply
0 Kudos
Highlighted
New Contributor III

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. 

Reply
0 Kudos
Highlighted
MVP Esteemed Contributor

Are you adding the rule to the Bottom of the common.css?

Reply
0 Kudos
Highlighted
New Contributor III

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. 

Reply
0 Kudos
Highlighted
MVP Esteemed Contributor

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:

Highlighted
New Contributor III

I've attached my common .css to see if I'm missing something obvious?

(BTW: Thanks for all your help!)

Reply
0 Kudos
Highlighted
MVP Esteemed Contributor

Emily,

  OK this is what I get when I use your file:

Highlighted
New Contributor III

That is exactly what I want. 
I'm stumped as to why it is not reflected in my web app. 

Reply
0 Kudos
Highlighted
MVP Esteemed Contributor

Is your app public?

Reply
0 Kudos