HELP - Mushroom Template or Climate card customisation

Hi everyone,

Can someone please help me adjust the font size of the + - and temperature on this Mushroom Climate card? I’d also like to remove the padding at the front?
I also noticed the “Living” + “25.5” + 65% is not vertically centered - I’m guessing this has something to do with not displaying the “secondary information”. Is there any was to centre this font vertically?

I’m using the custom Layout card (grid).

I’ve managed to use card-mod to change the font size on some of the cards, just cant manage to change the temperature control.

Here is my card-mod code for the temperature control card:

type: custom:mushroom-climate-card
entity: climate.living
show_temperature_control: true
fill_container: true
layout: horizontal
icon_type: none
primary_info: none
secondary_info: none
collapsible_controls: false
card_mod:
  style:
    mushroom-state-info$: |
      .container {
        display: table !important;
      }
      .secondary {
        display: table-cell;
        text-align: right;
        width: 100%;
        font-size: 1.5rem !important;
        color: var(--primary-text-color) !important;
      }
    .: |
      ha-card {
      --mush-icon-symbol-size: 2em;
      --card-primary-font-size: 2rem;
      --card-secondary-font-size: 2rem;
      --card-primary-line-height: 1rem;
      --card-primary-color: ;
      max-height: 100px;
      border: none;
      background-color: ; 
      }
      :host {
          --mush-icon-symbol-size: 0.8em;

      }
    mushroom-media-climate-control$: |
      mushroom-button-group {
        --bg-color: rgba(189, 189, 189, 0.5);
      }
    mushroom-climate-temperature-control$:
      mushroom-input-number$: |
        #container {
          background: none;
          padding: 0px;
        }
        #container .button {
          height: 100%;

Thanks in advance!! :slight_smile:

Any advice please?