How to change block size and padding with the mouse

1. Hover the cursor over a block — header, page area, menu item, product tile.
2. Handles of two types will appear on the edges: size (on the very border) and inner padding (on the padding line, closer to the middle of the side).
3. Hover over a handle and read the tooltip — it says what exactly will change.
4. Drag. The size is saved when you release the mouse button.

What changes depends on the block and the Ctrl key:

• Regular blocks. Without Ctrl — all blocks of this type across the site ("…all blocks of this type"). With Ctrl held — only this block or section.
• Product and object tiles. The opposite: without Ctrl — only this object, with Ctrl — all site objects. Only what you dragged changes: width doesn't affect other heights, left padding — the other sides. Background and border remain individual for each object.
• Informers and section windows. Always only this block, Ctrl has no effect.

The same sizes are visible and can be edited with numbers in the block style window (gear, "Positioning" tab).

If it didn't work

• Changed one block — all changed. Ctrl was not held. Return the size with the handle and repeat with Ctrl.
• Can't catch the padding handle. With large padding, it goes under the size handle or under the gear. Set the padding in the style window.
• The content area has no size handles. This is by design: the area width is set in the style window, its handles are only for padding.