Move back button?

3173
4
Jump to solution
07-01-2015 12:36 PM
CMPDDGIS
New Contributor III

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

0 Kudos
1 Solution

Accepted Solutions
GregoryL_Azou
Occasional Contributor III

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.

View solution in original post

4 Replies
GregoryL_Azou
Occasional Contributor III

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

0 Kudos
CMPDDGIS
New Contributor III

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

0 Kudos
GregoryL_Azou
Occasional Contributor III

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
New Contributor III

Thank you so much

0 Kudos