Popup title text Color ?

MayurDodiya

Hi,

I set up Web App Builder Developer Edition 2.14 created app using TabTheme, applied custom color (#88165b) for my application and deployed on IIS server.

I am trying to change text color of popup title to white but it doesn't change.

I tried inspect using developer tools, made changes to default.css, common.css, dojo-override.css ...

Where should I put below css to change the title color of Popup 

.esriPopup .titlePane {

    color:white;

}

Thanks,

Mayur

RobertScheitlin__GISP

Mayur,

   The fix for this is to remove all your css changes that you have attempted and comment out some lines in the LayoutManager.js file in the _getFixedThemeStyles function. Lines 4 - 8 below in the function I have commented out.

    _getFixedThemeStyles<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>theme<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
      <SPAN class="comment token">//fix popup</SPAN>
      <SPAN class="keyword token">var</SPAN> cssText <SPAN class="operator token">=</SPAN> <SPAN class="string token">'.esriPopup .titlePane {background-color: ${mainBackgroundColor} !important;}'</SPAN><SPAN class="punctuation token">;</SPAN>
      <SPAN class="comment token">// if(theme.customStyles.mainBackgroundColor && utils.isLightColor(theme.customStyles.mainBackgroundColor)){</SPAN>
      <SPAN class="comment token">//   var imageUrl = require.toUrl('jimu') + '/css/images/api_popup_light.png';</SPAN>
      <SPAN class="comment token">//   cssText += '.esriPopup .titleButton {background: url(' + imageUrl + ') no-repeat}';</SPAN>
      <SPAN class="comment token">//   cssText += '.esriPopup .titlePane {color: black}';</SPAN>
      <SPAN class="comment token">// }</SPAN>
      <SPAN class="keyword token">if</SPAN><SPAN class="punctuation token">(</SPAN>theme<SPAN class="punctuation token">.</SPAN>name <SPAN class="operator token">===</SPAN> <SPAN class="string token">'PlateauTheme'</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
<SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>