Using CARD MOD card to format the TEAMTRACKER CARD

The way the ha-teamtracker-card is displayed can be altered using the lovelace-card-mod card.

Examples include the following:

Change the size of the card

type: custom:teamtracker-card
entity: sensor.tt_sensor
card_mod:
  style: |
    ha-card {
        font-size: .7em; 
        line-height: .7em;
    }

• Changing the font and line size will also change the size of the images
• Size greater than 1 will increase size, size less than 1 will decrease size

Change color of fonts

type: custom:teamtracker-card
entity: sensor.tt_sensor
card_mod:
  style: |
    ha-card {
        color: red;
    }

• This will change the color of all fonts to red

Hide specific components on the card

type: custom:teamtracker-card
entity: sensor.tt_sensor
card_mod:
  style: |
    .timeouts {
        display: none;
    }
    .odds {
        display: none;
    }

• This will hide the timeouts from displaying on the IN card and Odds from displaying on the PRE card

Hide full rows on specific cards type: custom:teamtracker-card entity: sensor.tt_sensor

card_mod:
  style: |
    .pre-row2 {
         display: none;
    }

• This will hide the second row on the PRE card (which shows the Venue)