Design of block/colum Topic is solved

[webrazor]

Hello,

I am building my design in dashticz and i have a question if it is possible to make one background for multiple blocks.
Like the second image(photoshop) below. First image is what you get in Dashticz and second image is what i want. So is it possible to do this.
I think the space between the original blocks are made by the column and the column you can't edit with css i believe.





Thanks

[Lokonli]

Hello,

I am building my design in dashticz and i have a question if it is possible to make one background for multiple blocks.
Like the second image(photoshop) below. First image is what you get in Dashticz and second image is what i want. So is it possible to do this.
I think the space between the original blocks are made by the column and the column you can't edit with css i believe.





Thanks

It should be possible to change this via custom.css

I think it's the css margin setting. If you right-click on a block, and then on inspect, then in the developer window of your browser you can change/add the css settings.
For the first block you have to change the margin-right setting, for the middle block margin-left and margin-right, for the right block only the margin-left setting.

[webrazor]

It should be possible to change this via custom.css

I think it's the css margin setting. If you right-click on a block, and then on inspect, then in the developer window of your browser you can change/add the css settings.
For the first block you have to change the margin-right setting, for the middle block margin-left and margin-right, for the right block only the margin-left setting.

I already tried setting the margin/padding/border to 0px this dit not change a thing. When i increase the px number the margin/padding/border gets bigger. It looks like this is set in the column.

[clinkadink]

It is the inner div that needs amending (e.g "data-id=174"), not the outer div (e.g: "block_174").

Below are 3 device blocks, with IDs 174 (left), 79 (middle) and 80 (right).

Before ...


After ...


In your custom.css put this, substituting the data-id values with your block device IDs.

Code: Select all

[data-id='174'],
[data-id='79'] {
	border-right: 0!important;
}

[data-id='79'],
[data-id='80'] {
	border-left: 0!important;
}

[webrazor]

It is the inner div that needs amending (e.g "data-id=174"), not the outer div (e.g: "block_174").

Perfect thats what i need, thank you!

[clinkadink]

No probs, glad it worked