New to card-mod but not working

[jsnyderman (JonS)]

Hi all… I am just playing with card-mod for the first time. The install and use seems to be stupid easy… but its not doing anything I have card-mod.js in my lovelace resources in configuration.yaml like my other resources. Then I added this code to the card:

style: |
   ha-card {
      bachground: red;
   } 

Lovelace is set to YAML mode, so install was manual. Maybe missed something there?
oh… card-mod.js and card-tools.js are both in www root folder and resources reference /local/…

[tom_l]

Card mod could have an issue with the latest update:

Card-mod - Add css styles to any lovelace card

It seems that it is no longer possible to style markdown cards. See issue 2. here: I would raise an issue but am not sure if it should be for card-mod or the frontend. Do you have an opinion / guidance Thomas? EDIT: Never mind. Some one has opened an issue in your repo:

Though that may be only the markdown card and it could be just your misspelling of background.

[jsnyderman (JonS)]

Funny. I was wondering about that. I literally just went to 0.111.1 and then tried to integrate card-mod. Figures. I will follow those threads. I have not gone to 0.111.2. They were released so closely together.

Thanks!

[tom_l]

Try correcting the spelling on this first:

@jsnyderman

bachground: red;

[jsnyderman (JonS)]

I did Tom Missed it when I moved the code over.

But thank you!

[jsnyderman (JonS)]

Here is the whole card entity:

- type: entity
          entity: sensor.range_in_mileage
          name: Distance
          icon: mdi:map-marker-distance
          style: |
               ha-card {
                    background: red;
                }