Space between icon and blocktitle

[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

[edwin1234]

No one?

[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)

[edwin1234]

Thanks for your answer,
U mean like this?
blocks[‘ ‘'blocktitle_1'] = { //'blocktitle_1' must be an unique name

[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

[edwin1234]

Thanks,
I’m going to learn some css i gues

[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

[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

[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

[edwin1234]

Thank u very much