Different background-color for different cards in the same deck?

Hello my question is just as the title states I’m trying to color coordinate a deck of nouns according to gender and I’d like to style each card differently. Thanks for reading.

You can try wrapping your whole template in something like this:

<div class="{{Gender}}">

Your template contents here

</div>

Then in the styling section:

.male {
   background-color: #25A0CF;
}

.female {
   background-color: #FF43A9;
}

.neuter {
  background-color: #BDBDBD;
}

Change the male, female, and neuter names according to how the genders are written in your deck.

2 Likes

Thank you very much that works

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.