I'm trying to change the background color of cards in a cards region (not a cards classic report). The cards have a Redirect to URL action on the whole card.
You would expect to set the background color via a card class. This doesn't work, because the link messes things up. This is what is created when you add a class (company-bg-green) to the card:
<li class="a-CardView-item" data-id="Travel" data-rownum="1">
<div class="a-CardView has-title has-icon has-icon--start has-badge has-actions has-actions--full company-bg-green">
<a class="a-CardView-fullLink" href="...."><span class="u-vh">Travel</span></a>
<div class="a-CardView-header">
<div class="a-CardView-iconWrap a-CardView-iconWrap--start">
<span class="a-CardView-icon u-color fa fa-plane icon-ennia-black" aria-hidden="true" title=""></span>
</div>
<div class="a-CardView-headerBody">
<h3 class="a-CardView-title ">Travel</h3>
</div>
<div class="a-CardView-badge " title="1">
<span class="a-CardView-badgeValue">1</span>
</div>
</div>
</div>
</li>
Class "company-bg-green" sets a backgound color, but the <a> following this <div> ignores this background color.
Setting the same class on the <a> element makes it even worse. Now the whole card is green and hides everything else on the card. I also tried background-color:transparent on the <a> element.
Any ideas how to set the background color of a card that has a redirect action on the whole card?