Select to view content in your preferred language

How do you add text halos using the HTML editor?

285
2
Jump to solution
02-12-2026 11:37 AM
MathiasHudock
Occasional Contributor

For context, I don't know a whole lot about HTML, but I do use it a bit for customization in ArcGIS Hub. Right now, I'm trying to add a halo to my page title in order to improve contrast, but I can't seem to figure out how to do it properly. I'm aware of the "text-shadow" functionality in HTML, but I need to know where exactly to put it. Below is the existing HTML text for the card in question:

<div class="jumbotron text-center" style="background-image:none;min-height:500px;">
    <h1 class="banner">Sample Text</h1>
    <p>Connecting people with information</p>
    
  </div>
Tags (1)
0 Kudos
1 Solution

Accepted Solutions
AndrewTurner
Esri Contributor

You should be able to add at text-shadow to your Style

<div class="jumbotron text-center" style="text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; background-image: none; min-height: 500px;">
<h1 class="banner">Sample Text</h1>
<p>Connecting people with information</p>
</div>

View solution in original post

2 Replies
AndrewTurner
Esri Contributor

You should be able to add at text-shadow to your Style

<div class="jumbotron text-center" style="text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; background-image: none; min-height: 500px;">
<h1 class="banner">Sample Text</h1>
<p>Connecting people with information</p>
</div>
MathiasHudock
Occasional Contributor

Thanks, that worked!

0 Kudos