Mendix css layers (shadow transition not showing)

Hi forum, I am using the buiding block “Card Product 3” to build a dashboard. When I run the app I can see that the text of the card is layered with a black to transparency effect to be read more easy. When the associated picture loads it gets between this black effect and the text- making the text hard to read. Any suggestions what I can do to show the shadow effect properly?   Best   Jakob 
1 answers

The container in which text is located has “cardproduct-overlay” class which contains css for this shadow/overlay effect. Adjust the linear gradient percentage in background property of “cardproduct-overlay” class and select your desired gradient/shadow. You can copy the css from this class and create a new css class with your changes.