Container Size: Height and Width Controls in the Sparkforge Page Builder

By Sparkforge Support Team ·Last reviewed May 3, 2026

Container Size in the Sparkforge Page Builder lets you set exact height and width for any element using px, %, em, rem, vh, vw, or auto. Each device has its own value, so desktop and mobile stay independent.

Container Size is a built-in control in the Sparkforge Page Builder that sets exact height and width for any element — text, button, image, form, or section. Pick the unit that fits your layout and set device-specific values for responsive design.

What Container Size controls

The values define how much space an element occupies inside its parent container (column, row, or section). You can mix unit types per element and override desktop values on mobile without touching custom CSS.

Supported sizing units

px — fixed pixel count (exact sizing)
% — percentage of the parent container
em / rem — scale relative to font size
vh / vw — viewport-based height or width
auto — browser decides optimal size

Edit Container Size

Open Sites → Funnels or Websites and launch the Page Builder for the page you want to edit.
Select the element you want to resize.
In the right sidebar, open the Styles tab and scroll to Container Size.
Pick a unit (px, %, em, rem, vh, vw, or auto) from the dropdown next to Height and Width.
Enter your desired Height and Width values.

Set mobile-specific sizes

Use the device toggle next to Container Size to switch to Mobile View. Mobile values apply only on mobile — desktop settings stay intact.

Revert a change

Set the unit to auto to return the element to its natural size.

Use Container Size with Margin and Padding

Container Size, Margin, and Padding work together. Use all three for full layout control — size the element first, then control its spacing.

Limits

Negative values and zero are not supported. If you enter a value of 0 or lower, the element keeps its current size.

Frequently Asked Questions

Can I use decimals like 33.33% for equal columns?

Yes. Decimals are supported, so 33.33% × 3 cards gives clean equal columns. Validate on mobile to make sure cards don’t wrap unexpectedly.

How do I revert a Container Size change?

Set the unit to auto. The element returns to its natural size and other styles stay intact.

Will mobile values affect desktop?

No. Values set in mobile view apply only on mobile. Desktop settings remain unchanged.

Are negative or zero values allowed?

No. The Page Builder ignores values of 0 or lower and the element stays at its current size.

Can I still use Margin and Padding alongside Container Size?

Yes. Container Size, Margin, and Padding are independent layers. Use all three together for precise control.