How to change a block's size and padding with the mouse

1. Hover the cursor over a block — a header, a page area, a menu item, a product tile.
2. Two kinds of handles appear on the edges: size (right on the 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 tells you exactly what 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 whole site (“…all blocks of this type”). With Ctrl held — only this block or section.
• Product and item tiles. The opposite: without Ctrl — only this item, with Ctrl — all items on the site. Only what you dragged changes: width doesn't affect other heights, left padding doesn't affect the other sides. Each item keeps its own background and border.
• Informers and section windows. Always only this block, Ctrl has no effect.

The same sizes are visible and can be edited as numbers in the block's style window (gear icon, “Positioning” tab).

If it didn't work

• I changed one block — all of them changed. Ctrl wasn't held. Restore the size with the handle and repeat with Ctrl.
• Can't grab the padding handle. With a large padding it slides 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's width is set in the style window, and it only has handles for padding.