Hi,
I am wondering how I can remove the unwanted gradient effect that TVML automatically applies to banner images? Screen shot of issue: https://imgur.com/a/SEC9M
The actual page is very simple, consisting of a stackTemplate with banner component:
<document pageId="/views/pages/multi-modules/multi-modules.tvml">
<head>
<style>.viacom-app-theme{background-color:#FFFFFF;}</style>
</head>
<stackTemplate theme="dark">
<banner id="page-header">
<background>
<img src="https://i.imgur.com/sYleeOY.png" style="width:1920;height:600;"/>
</background>
</banner>
</stackTemplate>
</document>
The background is just white and the banner image is simply black. However, when I combine the two, there is a gradient effect applied at the bottom of the banner. There is no additional CSS used and I have yet to find any styles/attributes to disable this effect in the TVML docs.
If I swap it with a heroImg component, then it covers the background color completely, which is also not desirable.
Thank you in advance,
Leo