How to change text in a custom:text-divider-row

I should have pointed you to the main card_mod thread as Ildar mentioned above.

We can finish this thread out with the following code. You cannot make the rectangle transparent because the line will be visible through the lettering. The background color of the rectangle will have to match the the card’s native background color.

background-color: #111111 !important; this is where you would adjust the color to match the card background.

With the rectangle background set to transparent.

With the color match.

type: entities
entities:
  - type: custom:text-divider-row
    text: Monitoraggio dispositivi
    card_mod:
      style: |
       .text-divider span {
          background-color: #111111 !important;
          padding: 2px !important;
            }
card_mod:
  style: |
    ha-card {
      background: none;
      box-shadow: none;
      border: none;
      --text-divider-color: #8Ab4f8;
      --text-divider-font-size: 14px;    
       }
1 Like