Need help with markdown card and cardmod

Configuration Frontend
1

Hi,

I am using a markdown card. Today I noticed that there is an issue with cardmod. I think it is there since HA 2025.11.1. The code below was always without slider on the right and now there is one.

If I remove the “margin-top= -20” then it works, but then it is not at the correct position in the vertical stack. It looks like, that the issue is only with markdown. The other mushroom cards in the vertical stack are correct and also using the margin-top: -20px

Any ideas? It works for more that a year correctly!

type: markdown
content: >
  <font size=3>Schaltzeit heute:</font><br>{% if
  states('input_boolean.ui_gartenlicht')=='on'%} <font color="#00CC00"
  size=2>{{states ("input_datetime.on_time_gartenlicht").split(' ')[1][:-3] }}
  Uhr {{'&nbsp;'}}-{{'&nbsp;'}} {{states
  ("input_datetime.off_time_gartenlicht").split(' ')[1][:-3] }} Uhr</font> {%
  else %} {{'&emsp;'}}<font size=2
  color="#7E7E7E">*{{'&emsp;'}}inaktiv{{'&emsp;'}}*</font> {% endif %}
card_mod:
  style: |
    ha-card {
       --mdc-icon-size: 20px;
         border: none;
         box-shadow: none;
         margin-top: -20px;

        }

image
image669×180 7.41 KB

the red box shows the vertical stack.
markdown | mushroom-template-card |mushroom-template-card

image
image611×495 21 KB

2

Do you still have the issue with a removed card-mod code?
If yes - suggest you to do nothing. Just wait until it is fixed in HA.
If no - it is caused by your margin thing. Usually it is not a good practice to play with margins for ha-card. Suggest to find another way.

3

Hi @Ildar_Gabdullin ,

thank you very much for your reply. The isssues are still there and only for markdown. All other cards are working with the margin -10.

If I do not play with margin, a cannot adjust the “red” and the “green” box to be in line. Also the space between the Headline and the boxes it to large. Are there other options to bring the two cards in line?

image
image637×562 25.3 KB

4

Please give me some time, away from PC.

5

Just a note here, 2025.11 introduced overflow-y: scroll to a bunch of cards including markdown. So with everything else the same, you can manage scrollbars being shown by setting overflow-y: visible (or perhaps clip together with overflow-clip-margin or maybe hidden).

6

ah, ok!
But then the question is, how I can I make the scollbar invisible! I did not find a solution.

This is working now!

type: markdown
content: >
  <font size=3>Schaltzeit heute:</font><br>{% if
  states('input_boolean.ui_gartenlicht')=='on'%} <font color="#00CC00"
  size=2>{{states ("input_datetime.on_time_gartenlicht").split(' ')[1][:-3] }}
  Uhr {{'&nbsp;'}}-{{'&nbsp;'}} {{states
  ("input_datetime.off_time_gartenlicht").split(' ')[1][:-3] }} Uhr</font> {%
  else %} {{'&emsp;'}}<font size=2
  color="#7E7E7E">*{{'&emsp;'}}inaktiv{{'&emsp;'}}*</font> {% endif %}
card_mod:
  style: |
    ha-card {
       --mdc-icon-size: 20px;
         border: none;
         box-shadow: none;
         margin-top: -20px;
        overflow-y: hidden !important;
            }
1 Like