Multiple blocks same layout Topic is solved

[madpatrick]

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....

[HansieNL]

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}

[madpatrick]

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 !