nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How do I customize the bullet icons?

JamiDennis

I would like to customize the bullet icons on my Story map, like they did on this Smithsonian map here:

Zoo Babies | An Esri Story Map

How would I do that? I downloaded the template from github and put it on my server. I was able to modify colors and such easily, but I want to put custom icons in the bullets.

Najděte více příspěvků označených jako

Accepted answers

All comments

JamiDennis

anyone?

KathrynAngleton

Have you tried creating or searching for the desired icons and then uploading them within the icons/resources (whichever it is for this template) folder? That should work. Then make sure in your CSV or whatever you're using for your points, you point back to the new icons. If you look in the source code you should find where the icons are coming into play, and then just insert your custom icons into the folder specified. Try an inspect element on your current icons when viewing the site on your server if you're unsure of which code contains the icons element.

JamiDennis

Thanks Kathryn, I believe I tried that but to no avail. I've set it aside for a bit, but will try this again when i get back to it and let you know if it worked or not. Just to be clear, this is for the bullet icons that are used in place of tabs for the story map. In the example Zoo Babies maps it is the icons at the top in the header, where you click to navigate to the different animals. The default just puts numbers up there, but I'd like to have icons instead.

KathrynAngleton

Oh, I misunderstood, sorry about that. I just did a quick inspect element on those tabs you were talking about. It looks like you'll have to load your custom images into "resources/images/mapMarkers" or something similar to this folder, as I said before, I've never worked with this specific story map. Then double check the CSS script to make sure the existing markers are in there because you might need to change what they are called within that script. Here's a screenshot of what I'm seeing:

Připojte se ke konverzaci

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.