After creating a web app and downloading it using the JavaScript Web AppBuilder for ArcGIS (Developer Edition), I was able to change the site header and widget popup color schemes via an existing style.css file (themes\FoldableTheme\styles). However, the header/background color for the attribute popup window (for the feature layers) remains the default light blue. Even when toggling between different style schemes, (black, cyan, green, purple) the attribute popup window color remained the same.

Is it possible to change this popup color to match the custom header? If so, where and what file would I alter the code in? I only want to change the blue shown below. The white and text color can remain the same.

enter image description here

1 Answer 1


have you tried to change the css rule for the titlePane-Class yet?

for example:

.esriPopup .titlePane {
    color: #ffffff;
    cursor: default;
    line-height: 20px;
    background: green !important;

  • Do you know what file this command would be in? I have searched through the '\jimu.js\css\jimu.css' file and a few others, but haven't located what you have referenced.
    – jafarr
    Commented Mar 31, 2015 at 1:01
  • you can just write it on your own inside a style-tag or insert it in the last css-file you include in your html-file
    – Thomas B
    Commented Mar 31, 2015 at 8:33

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.