AnsweredAssumed Answered

Change the black banner in Cascade Story Map light theme to white? 

Question asked by kristin.judy on Sep 7, 2017
Latest reply on Sep 18, 2017 by kristin.judy

I need to change the banner in the light-themed Cascade Story Map to white for organizational style purposes.  I've tried modifying the json using AGOL assistant as well as adding custom css in the minified app code.  I can get most of the way there, but it doesn't look good.  I'm definitely a newb; any help is appreciated!

 

<style>
/* CUSTOM CSS RULES */
.story-header,
.story-header compact,
.logo-title-container,
.story-header compact #banner,
.story-header #banner {
color: #ffffff;
background-color: #ffffff;
}

.linkContainer,
.bookmarks,
.logo-wrapper {
background-color: #ffffff;
}

.title strong,
.bookmarks .navigation {
color: #002d72;
}

</style>

 

json

"settings": {
"theme": {
"colors": {
"id": "MyOrgStyle",
"label": "Light",
"themeMajor": "light",
"themeContrast": "light",
"bgMain": "#fff",
"textMain": "#002d72",
"selected": true

Outcomes