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

Move back button?

CMPDDGIS

Hello

I am using the Story map journal template.

I have the side panel on the right hand side.

When I load another item into the Main Panel the Back button is positioned in center of the main Stage Panel.

This position covers up the title of some reports I have.

I wish to change the left parameter of the element to 10% but my customization is being over written.

What is the correct procedure for altering the parameters of the Back button?

Cheers

Johnathan

Encuentra más publicaciones etiquetadas con

Accepted answers

GregoryL_Azou

No, we still haven't made that configurable in the app, for the customization you need to use '!important' like

.mediaBackContainer {
  margin-left: -20% !important;
}

To be inserted after * CUSTOM CSS RULES */ in index.html.

Hope this will help you figure it out.

All comments

CMPDDGIS

Thank you so much

GregoryL_Azou

No, we still haven't made that configurable in the app, for the customization you need to use '!important' like

.mediaBackContainer {
  margin-left: -20% !important;
}

To be inserted after * CUSTOM CSS RULES */ in index.html.

Hope this will help you figure it out.

CMPDDGIS

I was not able to get this work on my story map. Some other code seem to be overwriting my alteration.

Has this been updated in the core? If not could you please provide more details?

Happy to discuss

Cheers

Johnathan

GregoryL_Azou

Hi Jonathan,

We will think about making this configurable. In the meantime, you should follow this guide to perform your css customization Esri/map-journal-storytelling-template-js · GitHub

Ú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.