I’m testing the new layout. In edit mode, the layouts and blocks add vertical spacing on the layouts and blocks with class i.e. .ccm-edit-mode-title-notch
If you have sections, layouts and a lot of blocks the page is much longer and needs scrolling, - no more WYSIWYG!
Is there a setting where I can adjust spacing?
1 Like
Thanks Bruno @BTAVassc for reporting that to Github. There are also newer reports on this blog by @designbureau.
We would love to have this part adjustable in the near future. For a quick hack use application/bootstrap/app.php to overrride the settings by adding CSS and adjust to your needs.
<style>
div.ccm-block-edit.ccm-block-edit-layout {
margin-bottom: 28px;
padding: 0px 0;
}
div.ccm-layout-area {
margin-bottom: 1px;
margin-top: 0px;
}
div.ccm-block-edit.ccm-block-edit-container {
margin-bottom: 1px;
padding: 0px 0px;
}
div.ccm-container-area {
margin-bottom: 0px;
}
ul.ccm-edit-mode-title-notch {
margin: 0px 0px 0px;
}
div.ccm-edit-mode-title-notch-wrapper {
top: -1px;
}
div.ccm-area-footer {
margin-bottom: 25px;
bottom: -2px;
}
</style>
It works but is surely not the nicest solution.
Cheers