I have two views in one scene and need some layout/styling help. One row view shows the next 7 days and a column should show as many events as possible from 8 days onwards (a preview). For more precise placement, I created my own regions and added them to the index.html template.
The next-7-days daily view is at the bottom of the screen and behaves nicely. The preview column is in the center of the screen and regrettably runs over the next-7-days view.
In a daily column view, how can I skip days without events?
Which style element do I need to modify in custom.css to have the column content to stop at precise coordinates and not spill over other modules?
I tried limiting the region either with a bottom-margin or height value, both do not apply.
Here’s the style that doesn’t work
.region .preview {
border: 1px #831e4d solid;
position: absolute;
left: 480px;
width: 400px;
top: 390px;
height: 550px;
}