Custom CSS in Instant Apps Reporter - Hide the Header, Change Background color on the Button

[FonPunnakanta]

Is it possible to Change background color for the button and Hide the Header in Reporter Instant App using Custom CSS?

I tried this script it doesn't seem to work for button background color. I haven't got too far to try anything with the Header yet.

Custom CSS:

calcite-button{

    background-color: red;

}

[LizaMarkey]

@KellyHutchins Can this be incorporated for a sidebar instant app, using custom CSS to change color of splash screen button? I copied your syntax and doesn't seem to work but seems like it should.

[KellyHutchins]

@LizaMarkey which instant app are you using and I can take a look. You also can try this:

instant-apps-splash{
--calcite-color-brand:orange;}

[LizaMarkey]

We are using Sidebar - I inserted the above and it still didn't take. Thanks!

[KellyHutchins]

Enterprise? If so which version? Or ArcGIS Online. If your app is public can you send me the url so I can take a look?

[KellyHutchins]

Also maybe try this: 

.sidebar-splash-panel.calcite-mode-light{

 --calcite-color-brand:green;


}