Page 1 of 1
Space between icon and blocktitle
Posted: Sunday 08 October 2023 7:48
by edwin1234
Cant find a way to get more space between icon and blocktitle
I have made larger icon and larger blocktitles for a small screen its better to read now but
The icon is almost touching the title.
How to make more space between them but keep the size
Thanks
Edwin
Re: Space between icon and blocktitle
Posted: Monday 09 October 2023 15:38
by edwin1234
No one?
Re: Space between icon and blocktitle
Posted: Monday 09 October 2023 19:44
by RonkA
I use 'empty' caracters from the Times New Roman font like ' ' to add extra spaces to textdevices because Domoticz removes these extra spaces.
Maybe add one in front of the blocktitle?
Copy/paste this one or lookup another in 'speciale tekens' in windows ('special characters' in Dutch)
Re: Space between icon and blocktitle
Posted: Tuesday 10 October 2023 14:03
by edwin1234
Thanks for your answer,
U mean like this?
blocks[‘ ‘'blocktitle_1'] = { //'blocktitle_1' must be an unique name
Re: Space between icon and blocktitle
Posted: Tuesday 10 October 2023 15:23
by madpatrick
You can change the layout in Dashticz "quit easy" with css commands
check out :
https://dashticz.readthedocs.io/en/mast ... omcss.html
https://www.w3schools.com/css/
for example you can use the padding option
Re: Space between icon and blocktitle
Posted: Thursday 12 October 2023 6:16
by edwin1234
Thanks,
I’m going to learn some css i gues
Re: Space between icon and blocktitle
Posted: Thursday 12 October 2023 12:57
by madpatrick
It is not that hard.
You need to know which names to use in Dashticz.
If you post you lines of the device and explain what you want maybe i can help
Re: Space between icon and blocktitle
Posted: Friday 13 October 2023 5:42
by edwin1234
Thanks for your help
This is the device:
blocks[28] = {
width:6,
title:"Power", // eigen titel bij device
icon:'fa-solid fa-mobile',
color:'#ff1493',
“Power” is to close to the icon must go more to the right and the color of the icon stays white instead of #ff1493
Re: Space between icon and blocktitle
Posted: Saturday 14 October 2023 8:50
by madpatrick
put something like this in your custom.css file
Code: Select all
.block_28 {height: 150px !important}
.block_28 .title {font-size: 26px !important;padding: 0px 0px 0px 10px !important;}
.block_28 .col-data {font-size: 26px !important;padding: 0px 0px 0px 10px !important;}
.block_283 .value {font-size: 22px !important;padding: 0px 0px 0px 10px !important;}
.block_28 .icon {padding-left: 20px !important}
And now check what is happening an dplay with the options and numbers
Re: Space between icon and blocktitle
Posted: Saturday 14 October 2023 13:01
by edwin1234
Thank u very much