homeassistant中标题卡片添加文字大小和样式方法

以下为卡片原代码:

type: custom:mushroom-title-card
title: '测试代码'
alignment: center
subtitle: ''

我们新添加测试修改标题字大小和边距等。代码如下:

type: custom:mushroom-title-card
title: '家  和  万  事  兴'
alignment: center
subtitle: ''
card_mod:
  style: |
    ha-card {
      padding-top: 1px !important; /* 修改此值以调整上边距 */
      padding-bottom: 5px !important; /* 修改此值以调整下边距 */
      padding-left: 10px !important; /* 修改此值以调整左边距 */
      padding-right: 10px !important; /* 修改此值以调整右边距 */
    }
    h1 {
      font-size: 24px !important; /* 修改此值以调整标题字体大小 */
    }
    h2 {
      font-size: 18px !important; /* 修改此值以调整副标题字体大小 */
    }

请确保你已经正确安装并配置了card-mod。如果card-mod没有正确安装或配置,你可以按照以下步骤进行:

  1. 确保你已经在Home Assistant的HACS中安装了card-mod
  2. configuration.yaml中添加以下代码:
  3. 重启Home Assistant。
frontend:
  extra_module_url:
    - /hacsfiles/lovelace-card-mod/card-mod.js
© 版权声明
THE END
喜欢就支持一下吧
点赞15 分享
交流 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容