以下为卡片原代码:
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
没有正确安装或配置,你可以按照以下步骤进行:
- 确保你已经在Home Assistant的HACS中安装了
card-mod
。 - 在
configuration.yaml
中添加以下代码: - 重启Home Assistant。
frontend:
extra_module_url:
- /hacsfiles/lovelace-card-mod/card-mod.js
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容