Everything you place on a page sits inside a box. A heading is a box, an image is a box, and a column is a box too. The Box tab is where you adjust that box: its size, spacing, border, background, and position.
Last updated
Padding is the space inside the box, between the content and the edge. Margin is the space outside the box, between it and its neighbors.
If you add padding to a button, the button grows around its text. If you add margin, the button keeps its size and moves away from what surrounds it.
A quick way to remember it: padding pushes the content away from the edge, margin pushes the box away from other boxes.
Size sets how wide or tall a block is.
Auto lets the content decide.
Pick a fixed value such as 16, or a fraction such as 1/2, for an exact width.
Full fills the available space.
A column uses multipliers instead of a fixed width, from 2× to 12×. This gives it a larger share of the row.
Most blocks look best on Auto or Full. Use fixed sizes when you need an exact measurement, such as a small icon or a banner.
The page body and sections have a Content width control. It keeps text from stretching across a very wide screen. Large is a good default. Smaller widths are better for long paragraphs.
Content width is different from Size. Size changes the block. Content width changes how much room the content inside the block is allowed to use.
Fill sets the background. You can use a solid color or a gradient.
Gradients can be linear, radial, or conic. You can change the angle, add color stops, and adjust the middle color. Use them sparingly on large areas; a strong gradient behind text can make the text harder to read.
Border adds a line around the box. You can set the width, color, and style, and choose whether to apply it to all sides or one side at a time.
Radius rounds the corners. A small radius softens a card. A large radius makes a pill shape. Buttons and cards usually look better with a radius that matches the rest of the site.
Shadow adds depth. You can choose a preset or adjust the position, blur, spread, and color. Outside shadows lift a block off the page. Inside shadows make it look pressed in.
Opacity makes the whole block partially transparent. This also affects its text and children, so use it with care. A faint text block is hard to read.
The device menu in the toolbar changes where a style applies. Desktop applies everywhere. Tablet applies to tablet and smaller. Mobile landscape applies to both mobile sizes. Mobile portrait applies only to the smallest phones.
Set the desktop look first, then switch to a smaller device and change only what needs to differ. Read Responsive design for the full explanation.
Position is advanced. Most blocks should stay on Static, which means they sit in the normal page flow.
The other options are useful for specific effects:
Relative offsets a block from its normal spot but keeps the space it occupied.
Absolute detaches a block and anchors it to a parent. The parent usually needs to be set to Relative first.
Fixed pins a block to the browser window, so it stays in place while the page scrolls.
Sticky keeps a block in view until its container scrolls past.
Position can make a layout fragile on small screens. Check the tablet and mobile views after using it.
Layout appears for blocks that use a flexible layout. It controls the direction, alignment, and wrapping of the children. Rows built with columns already handle most layout needs.
Gap sets the space between children in a row, column, or other grouped layout. Gap is usually a better choice than adding margin to every child.
For a card:
Add a section or column.
Give it a fill and a small radius.
Add padding, around 24 to 40 pixels.
Add a subtle shadow if the card needs to stand out.
Put the heading, text, and button inside.
Then check it on mobile. If the card feels cramped, reduce the padding or the heading size.
A website builder that works like a document. CMS, forms and EU hosting included.
© 2026 Remake. All rights reserved.
