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


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.


Thank you very much that works

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