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; } } }

Can you edit font size and color within the Map Tour app?

JulioCastillo

Hi all,

I'm building a Map Tour story map to embed in a website for work. When it is viewed within our website, the font appears smaller than we would like. Is there a way to edit the font size and color in the Map Tour app similar to how you can edit the text in Map Journal?

Encuentra más publicaciones etiquetadas con

Accepted answers

oevans_storymaps

Hi Julio,

Sure, you can use HTML tags to change those properties of your text. It involves code, but is very simple to do. Here are some links that show you the syntax of the tags you'll need to add.

HTML font color Attribute

HTML font size Attribute

We are working on an update to Map Tour for the second half of this year and we hope to add easier text formatting tools at that time.

Owen

All comments

oevans_storymaps

Hi Julio,

Sure, you can use HTML tags to change those properties of your text. It involves code, but is very simple to do. Here are some links that show you the syntax of the tags you'll need to add.

HTML font color Attribute

HTML font size Attribute

We are working on an update to Map Tour for the second half of this year and we hope to add easier text formatting tools at that time.

Owen

GregoryL_Azou

Also some guidance on customizing CSS for Map Tour are available on GitHub GitHub - Esri/map-tour-storytelling-template-js: The Story Map Tour is ideal when you want to present a linear, place-ba…

pmckinney

Julio,

Also see Map Tour Custom CSS Best Practices for advice on this. If you're self-hosting the application, you can create a custom stylesheet and use the loadCSS function to add it to the app. Gregory also commented on my post as well. Just make sure you're using enough specificity in targeting elements.

JulioCastillo

I got it to work! Thank you Owen, Gregory, and Patrick!

Faiez_0-1735684833315.png

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

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