Page 1 of 1
Design of block/colum
Posted: Monday 13 January 2020 10:57
by 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
Re: Design of block/colum
Posted: Monday 13 January 2020 11:35
by Lokonli
webrazor wrote: ↑Monday 13 January 2020 10:57
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.
Re: Design of block/colum
Posted: Monday 13 January 2020 11:51
by webrazor
Lokonli wrote: ↑Monday 13 January 2020 11:35
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.
Re: Design of block/colum
Posted: Monday 13 January 2020 17:18
by 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;
}
Re: Design of block/colum
Posted: Tuesday 14 January 2020 11:24
by webrazor
clinkadink wrote: ↑Monday 13 January 2020 17:18
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!
Re: Design of block/colum
Posted: Tuesday 14 January 2020 11:58
by clinkadink
No probs, glad it worked
