ポップアップのタイトルバーの色を変更するには？

Question

ArcGIS Onlineのポップアップで、タイトルバーの色がグレーに変更されているサンプルを見たことがあります。どこで変更できるのか分かりません。

マップを作成してアプリにしましたが、青いタイトルバーがアプリのデザインと合いません。変更できる場所が見つかりません。

たすけて！

ありがとうございます！

TracySArchibald · Answer

so, for the next poor sap that needs to do this...

find the style.css file.  It should be at : widgets/Geocoder/css/style.css

Modify this:

.esriPopup .titlePane {

background-color: insert color here;

border-color: #777777;

}

Clear browser cache and you should be good.

TracySArchibald · Answer

ugh...  Hide and seek... Not exactly my idea of fun.

If that's what it's gotta be, so be it.

To · Answer

Tracy, you could achieve this by overwriting the css property of the pop up title bar color. One way to do that is to figure out which id or class defines the current color, and then overwrite that property.

For example, if you add:

.esriPopupMobile .titlePane{background: none repeat scroll 0 0 red !important;}

at the end of the file jimu.js/css/dojo-override.css then the mobile popup title pane element will be red. I would use something like Google Chrome Developer tools to figure out which css classes you need to change. Hope this points you in the right direction.