Block settings

Wfolio lets you customize each block individually to achieve the design and structure you want. Blocks can be added to both composite pages and landing pages.

Spacing

You can set indents from very small to extra large, or remove indents entirely. To do this, open the block settings and adjust the top and bottom spacing.

A spacing icon on the right side of the block indicates that spacing is enabled.

Block background

You can highlight blocks on the page to draw attention to them. Click on the palette icon and choose a background color.

  • Accent—the accent color of your color scheme.

  • Contrast—a contrasting color based on your color scheme.

  • Image—add an image background (available for text blocks, button blocks, and some widgets).

A brush icon on the right side of the block indicates that a background is applied.

Content alignment

If a block has multiple columns, you can control their vertical alignment. In the block settings, choose how to align columns relative to the top and bottom of the block.

A two-column block with alignment settings. 1) top-aligned, 2) center-aligned, 3) bottom-aligned.

Copying a block

To copy a block, click on the Copy block icon. Choose whether to copy it to the current page or to a different page.

Moving a block

You can change the order of blocks on the page in two ways:

  • Using the Up and Down arrows.

  • By changing the block number displayed between the arrows. To do this, click on the number, enter a new value, and press Enter to confirm. Example: To move the third block to the top, replace 3 with 1 and press Enter. The block will move to the first position.

Deleting a block

Click the Delete block icon to remove the block.

Anchor link to a block

You can create an anchor link that scrolls directly to the block on the page. This is useful for navigation menus or linking to specific sections. Learn more here: How to make an anchor link.

Last updated

Was this helpful?