Bullet point color bug in Splash Screen widget 2.16?

ER_Michigan

I can't make the bullet points in the Splash Screen widget be any color other than white. When I change the foreground color, the text will change but not the bullet points. The same goes for a numbered list. This happens in both WAB online and developer. Has anyone else seen this behavior?

RobertScheitlin__GISP

Emily,

   The issue is that the bullets are HTML LI elements and by default, it is not possible to change the bullet color of a list item. But this link gives you a css workaround How To Change Bullet Color of a List 

This is what you need to add to the splash widgets css\style.css file:

<SPAN class="selector token">.jimu-widget-splash .splash-container ul li</SPAN><SPAN class="punctuation token">{</SPAN>
  <SPAN class="property token">list-style</SPAN><SPAN class="punctuation token">:</SPAN> none<SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">/* Remove default bullets */</SPAN>
<SPAN class="punctuation token">}</SPAN>

<SPAN class="selector token">.jimu-widget-splash .splash-container ul li::before</SPAN><SPAN class="punctuation token">{</SPAN>
  <SPAN class="property token">content</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"\2022"</SPAN><SPAN class="punctuation token">;</SPAN>  <SPAN class="comment token">/* Add content: \2022 is the CSS Code/unicode for a bullet */</SPAN>
  <SPAN class="property token">color</SPAN><SPAN class="punctuation token">:</SPAN> red<SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">/* Change the color */</SPAN>
  <SPAN class="property token">font-weight</SPAN><SPAN class="punctuation token">:</SPAN> bold<SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">/* If you want it to be bold */</SPAN>
  <SPAN class="property token">display</SPAN><SPAN class="punctuation token">:</SPAN> inline-block<SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">/* Needed to add space between the bullet and the text */</SPAN>
  <SPAN class="property token">width</SPAN><SPAN class="punctuation token">:</SPAN> 1em<SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">/* Also needed for space (tweak if needed) */</SPAN>
  <SPAN class="property token">margin-left</SPAN><SPAN class="punctuation token">:</SPAN> -1em<SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">/* Also needed for space (tweak if needed) */</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>‍</SPAN><SPAN>‍</SPAN></SPAN>