Hi forum, unfortunately I forgot the keyboard shortcut for how to change the vertical space between blocs or brics. I always had the problem, that there is a lot of unused space between blocs or brics, for example between images and text. I accidentally stumbled over the solution when somebody in this community posted the solution with a keyboard shortcut. After or while pressing a certain key, it was possible to increase or decrease the vertical space using the mouse. But I cannot remember how it worked.
Interesting that nobody knows the answer. How do YOU organize the space around your objects, like text or images (brics)? Build a class for EVERY item and ajust the padding in the class manager?
You can also control the padding and margins of components like text by selecting the component and using the padding option in the right hand settings.
These settings will apply the standard Bootstrap Classes for margin and padding to each element. Make sure to read about them here:
You can also apply them manually in the classes field, but it’s easier using the side panel, especially if you want different margins and paddings for each breakpoint. That’ll fill up the little classes window way too quickly.
For the Blocs there is the Blocs Padding setting. Again, if you want something special, Classes are the way to go.
If this don’t do the job, then yes, classes would be required. And no, not a different class for every bric. While that will work, it’s not how classes are intended to be used and it’ll make your project very messy very soon. Try to create and name classes accordingly, so that you can apply them on different elements.
You’ll notice, that Blocs will automatically create and name a class, should you use the handles on an element to increase the padding, or the width. You can rename that class if you think it’s one that you’re going to use on other elements.
There are a lot of other useful Bootstrap Classes that you can add to the classes field, like shadow, fs-1 up to fs-6 (for standard Bootstrap font sizes). I use those all the time.
Thanks a lot, I know all this stuff, but please read my openening text. There exsits an easy way to increase/decrease the space interactive, without typing numbers or clicking on them…
Again: it’ll create a class automatically for you. If you do that on each element, you’ll end up with way too many classes. Make a habit of naming classes so you know what they do and can use them on more than one element.
If you already have a class on an element, click the little down arrow next to “Classes” left of the classes box. That way you can select the class, which you want to edit using the freehand way.
As far as I’m aware, there’s no keyboard shortcut to adjust margins and padding on the fly. Webdesign is still a bit of work after all
