Domoticz

Posted: **Wednesday 13 April 2022 20:43**

Hi,

Is it possible i custom.css to make in a few lines the same setting for multiple blocks.
I've 11 blocks with the same layout, so i need to copy this 11 times (and change 11 rules if i want change it)

Now i've it like this

Code: Select all

.block_495 				{height: 95px !important;}
.block_495 .col-data			{width: calc(100% - 100px) !important}
.block_495 .title			{font-size: 20px !important;color:white !important}
.block_495 .state			{font-size: 16px !important;color:yellow !important}

.block_496 				{height: 95px !important;}
.block_496 .col-data			{width: calc(100% - 100px) !important}
.block_496 .title			{font-size: 20px !important;color:white !important;}
.block_496 .state			{font-size: 16px !important;color:yellow !important}
etc....

Posted: **Wednesday 13 April 2022 21:51**

You can use addClass to a block. Have you tried that already?

An other way could be:

Code: Select all

.block_495, .block_496, .block_etc... {
	height: 95px !important;}
.block_495 .col-data, .block_496 .col-data, .block_etc... .col-data {
	width: calc(100% - 100px) !important}
.block_495 .title, .block_496 .title, .block_etc... .title {
	font-size: 20px !important;color:white !important}
.block_495 .state, .block_496 .state, .block_etc... .state {
	font-size: 16px !important;color:yellow !important}

Posted: **Friday 22 April 2022 16:52**

HansieNL wrote: ↑Wednesday 13 April 2022 21:51
An other way could be:

Code: Select all

.block_495, .block_496, .block_etc... {
	height: 95px !important;}
.block_495 .col-data, .block_496 .col-data, .block_etc... .col-data {
	width: calc(100% - 100px) !important}
.block_495 .title, .block_496 .title, .block_etc... .title {
	font-size: 20px !important;color:white !important}
.block_495 .state, .block_496 .state, .block_etc... .state {
	font-size: 16px !important;color:yellow !important}

This was what is was looking for.

Thanks Hansie !

Domoticz

Multiple blocks same layout

Multiple blocks same layout

Re: Multiple blocks same layout

Re: Multiple blocks same layout