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>
Solved! Go to Solution.
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>
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>
Thanks, that worked!