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

Background color for About Widget

EmilyCaruccio

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

Encuentra más publicaciones etiquetadas con

Accepted answers

RobertScheitlin__GISP

Emily,

Try adding the rule to this file then.

https://giswebtest.dhec.sc.gov/diabetes/jimu.js/css/jimu-theme.css

All comments

EmilyCaruccio

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.

RobertScheitlin__GISP

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

EmilyCaruccio

I changed the color from #4c4c4c to #dbd9d9 within

<SPAN class="" style="color: #669900; border: 0px; font-weight: inherit; font-size: 14px;">.dart-panel .panel-bg</SPAN> <SPAN class="" style="color: #999999; border: 0px; font-weight: inherit; font-size: 14px;">{</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="" style="color: #990000; border: 0px; font-weight: inherit; font-size: 14px;">background-color</SPAN><SPAN class="" style="color: #999999; border: 0px; font-weight: inherit; font-size: 14px;">:</SPAN> #4c4c4c<SPAN class="" style="color: #999999; border: 0px; font-weight: inherit; font-size: 14px;">;</SPAN>
<SPAN class="" style="color: #999999; border: 0px; font-weight: inherit; font-size: 14px;">}</SPAN>

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.

RobertScheitlin__GISP

Emily,

This one:

<SPAN class="selector token">.dart-panel .panel-bg</SPAN> <SPAN class="punctuation token">{</SPAN>
    <SPAN class="property token">background-color</SPAN><SPAN class="punctuation token">:</SPAN> #4c4c4c<SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN>‍‍‍‍‍‍‍‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

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