Mushroom Cards card mod Yaml disappearing

yesterday i created a new dashboard sections and mushroom cards
today all the card_mod entrys are gone


this is the card_mod entry ,as an example, this happens to all dashboards with mushroom cards.
But, i find out, it is only if viewing the card directly, if viewing over

the card-mod entries are back. Lucky me

      - type: custom:mushroom-climate-card
        entity: climate.wz_hz
        show_temperature_control: true
        layout: vertical
        primary_info: none
        icon_type: none
        hvac_modes: []
        secondary_info: state
        collapsible_controls: false
        fill_container: false
        card_mod:
          style:
            mushroom-climate-temperature-control$:
              mushroom-input-number$: |
                #container {
                  position: absolute;
                  width: 70%;
                  left: 15%;
                  z-index: 1 !important;
                  background-color: white;
                .value {
                  font-size: 30px;
                   }  
            .: |
              ha-card {
                background-color: gray;
                padding: 0px;
                #border: 0px;
                border: 2.5px outset orange;
                box-shadow: 2px 2px 0px 0px lightgray;      
                text-align: center;
                font-style: bold;
                --primary-text-color: Black;
                --primary-font-size: 30px;
                --primary-font-weight: bolder;
                --primary-line-height: 30px;      
                --card-secondary-font-size: 30px;
                --card-secondary-font-weight: bolder;
                --card-secondary-line-height: 30px;      
                --secondary-text-color: orange !important;
              }  

This is a reported bug with card mod.

1 Like

If you are on card_mod version 3.5 please revert to 3.4.4. Version 3.5.0 was pulled for issues like you are describing.

In addition, this code is not correct. That may be the core issue.


        card_mod:
          style:
            mushroom-climate-temperature-control$:
              mushroom-input-number$: |
                #container {
                  position: absolute;
                  width: 70%;
                  left: 15%;
                  z-index: 1 !important;
                  background-color: white;
                .value {
                  font-size: 30px;
                   }  

Correct method

card_mod:
  style:
    mushroom-state-info$: |
      .container {
      your code
      } 
1 Like

Hi,

Have the same issues with v3.4.4 :frowning:
Another solution ?

thanks

Either edit a dashboard in a “raw configuration editor” - or start using yaml-mode dashboards w/o UI editor.

I was thinking about that … it works but not user friendly :laughing:

thanks