I try to change the Size of a oh-block-title, but with no luck. All my attempts came to nothing.
Any idea ?
Cheers - Peter
I try to change the Size of a oh-block-title, but with no luck. All my attempts came to nothing.
Any idea ?
Cheers - Peter
Could you please show us the code…
Thx for answering.
It’s just the oh-block Code of an UI-Page.
Here is a part of it
config:
label: Monitoring & Maintenance
sidebar: true
style:
background: linear-gradient(to top left,#B0E0E6 0%,#FFC0CB 30%,#1E90FF 100%)
blocks:
- component: oh-block
config:
title: Thermostate EG
slots:
default:
- component: oh-grid-cells
config: {}
slots:
default:
- component: widget:HeatingCSS_1.8.1_v3
config:
background1: linear-gradient(122deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1)
What I now mean is the part with the
title: Thermostate EG
which I want to point out a bit.
In the complete UI-page this “Head-Lines” look a bit “lost”.
If you need further information about UI-Layout or about the widgets pls. give me a short reply
Complete Yaml-Code UI-Page
monitoring.txt (34.9 KB)
How did you try to change the text size ?
Did you add a style to the config ?
I tried a lot of versions also in combination with the style-parameter
e.g.: size: 25px, fontSize: 25px,–f7-block-text-color: 25px ,etc.
But as I’m no programmer I didn’t find a solution.
I think you’re going to need to use the stylesheet method for this. The oh-blocks
don’t give you direct access to the block title element configs. Should be pretty easy though, as the block title does have a the distinct block-title
class already. So I would guess something like this should work:
config:
label: Monitoring & Maintenance
sidebar: true
style:
background: linear-gradient(to top left,#B0E0E6 0%,#FFC0CB 30%,#1E90FF 100%)
stylesheet: |
.block-title {
font-size: 28px
}
blocks:
...