https://community.esri.com/t5/arcgis-hub-ideas/hub-basic-sites-add-halo-option-for-text/idi-p/1327812 <P>Text cards should have a halo option for better readability. Since the crop on background images adjusts automatically as screen size changes, there's no guarantee that any text will always be legible over an image. A halo option (with hard/soft edge options) would solve this.</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="textCardHaloEx.jpg" style="width: 580px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/80468i6243554B0C9EF1B8/image-size/large?v=v2&amp;px=999" role="button" title="textCardHaloEx.jpg" alt="textCardHaloEx.jpg" /></span></P> Tue, 12 Sep 2023 16:23:16 GMT SteveCole 2023-09-12T16:23:16Z https://community.esri.com/t5/arcgis-hub-ideas/hub-basic-sites-add-halo-option-for-text/idi-p/1327812 <P>Text cards should have a halo option for better readability. Since the crop on background images adjusts automatically as screen size changes, there's no guarantee that any text will always be legible over an image. A halo option (with hard/soft edge options) would solve this.</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="textCardHaloEx.jpg" style="width: 580px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/80468i6243554B0C9EF1B8/image-size/large?v=v2&amp;px=999" role="button" title="textCardHaloEx.jpg" alt="textCardHaloEx.jpg" /></span></P> Tue, 12 Sep 2023 16:23:16 GMT https://community.esri.com/t5/arcgis-hub-ideas/hub-basic-sites-add-halo-option-for-text/idi-p/1327812 SteveCole 2023-09-12T16:23:16Z https://community.esri.com/t5/arcgis-hub-ideas/hub-basic-sites-add-halo-option-for-text/idc-p/1329849#M497 <P>Hi&nbsp;<a href="https://community.esri.com/t5/user/viewprofilepage/user-id/146007">@SteveCole</a>&nbsp;!</P><P>In my case, I used the tag "text-shadow" in the html config in my title to achive the effect you are talking about:</P><P>text-shadow: black 0.1em 0.1em 0.4em</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="arc_ticodex_0-1695069814896.png" style="width: 400px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/80978iECFB730746F3BF5D/image-size/medium?v=v2&amp;px=400" role="button" title="arc_ticodex_0-1695069814896.png" alt="arc_ticodex_0-1695069814896.png" /></span></P><P>Hope it helps!</P><P>&nbsp;</P> Mon, 18 Sep 2023 20:43:58 GMT https://community.esri.com/t5/arcgis-hub-ideas/hub-basic-sites-add-halo-option-for-text/idc-p/1329849#M497 arc_ticodex 2023-09-18T20:43:58Z https://community.esri.com/t5/arcgis-hub-ideas/hub-basic-sites-add-halo-option-for-text/idc-p/1330173#M498 <P>Yeah, thanks&nbsp;<a href="https://community.esri.com/t5/user/viewprofilepage/user-id/146862">@arc_ticodex</a>&nbsp;I was aware of the custom CSS option that Sites/Hub provides but this is far too basic functionality that ESRI should provide (especially since they provided it in other products like Classic Storymaps. Forcing users to resort to custom CSS is always a recipe for disaster.</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="giphy" style="width: 300px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/81098i113F0F8DA0761C80/image-size/large?v=v2&amp;px=999" role="button" title="giphy" alt="giphy" /></span></P> Tue, 19 Sep 2023 15:12:41 GMT https://community.esri.com/t5/arcgis-hub-ideas/hub-basic-sites-add-halo-option-for-text/idc-p/1330173#M498 SteveCole 2023-09-19T15:12:41Z https://community.esri.com/t5/arcgis-hub-ideas/hub-basic-sites-add-halo-option-for-text/idc-p/1506322#M584 <P>Definitely agree. Came here hoping for a solution. Hopefully this gets bumped up!&nbsp;</P> Wed, 17 Jul 2024 20:19:53 GMT https://community.esri.com/t5/arcgis-hub-ideas/hub-basic-sites-add-halo-option-for-text/idc-p/1506322#M584 Laura 2024-07-17T20:19:53Z