I’m playing around with a custom dashboard, kind of based on the Beautitab plugin, but more info visible, with Multi-Column Markdown.
A problem I’m having right now is that the vertical spaces between the elements are quite large, and like to reduce them.
In the screenshot, I mean the space between the boxes, e.g. under ReaderGuy42! and above Recent To Dos
How can I reduce it?
I’ve tried looking through the CSS Elements, and played with padding, but can’t figure out how to target that space. The Inspector doesn’t pick up that spacing and just goes to the entire page, where I then can’t find anything.
Any advice?
Thanks!
# --- start-multi-column: ID_3odq
```column-settings
Number of Columns: 3
Largest Column: standard
```
### Ideas
![[test]]
--- column-break ---
```dataviewjs
let hour = moment().hour();
let greeting;
if (hour < 12) {
greeting = "Good morning";
} else if (hour < 18) {
greeting = "Good afternoon";
} else {
greeting = "Good evening";
}
// Use dv.el to render the HTML properly
dv.el("div", `
<div style="text-align: center;">
<div class="huge" style="color: white;">
<a href="obsidian://adv-uri?vault=MYVAULT&commandid=omnisearch%3Ashow-modal" style="color: white; text-decoration: none;">
${moment().format('HH:mm')}
</a>
</div>
<div class="big" style="color: white; margin-top: -10px;">${greeting}, ReaderGuy42!</div>
</div>
`);
```
E
--- column-break ---
### [[Kanban]]
```dataview
TASK
FROM "00 Todo/Kanban"
LIMIT 3
```
--- end-multi-column