Block settings control how each block looks and behaves inside a section. Use them to tailor a block for desktop and mobile, style its background and borders, add motion as visitors scroll, and hold content back until the right moment with Time Reveal.
​

Settings apply to one block at a time, so you can fine-tune a single block without changing the rest of the section. To adjust a whole section instead, see Customize Page section settings.

Every setting in this article starts in the block editor.

To add, rename, hide, or reorder blocks first, see Add and manage blocks on pages.

block layout settings, like section layout settings, have a Desktop Layout and a Mobile Layout, so you can optimize each individual block for desktop and mobile devices. To adjust a whole section's layout instead, see Customize Page section settings.

Each section is divided into a 12-column grid, and blocks sit inside that grid. A block's width is the number of columns it takes up. Change a block's width to control how much space it uses in the section and how your content looks.

Change a block's background color, add and adjust a border, and add depth with a shadow. To customize a section's background instead, see Customize page section settings. To learn how sections and blocks work together, see Add sections to pages.

Select the background color for your block with the color picker.

Select a Border Type to change the appearance of the border:

Set the width of the border to adjust its thickness.

Set the color of the border to fit your page and branding.

Use the Border Radius slider to make the block's corners more rounded or more squared.

Select a Box Shadow effect to add depth to the block.

Animations add motion to a block as the page loads and as visitors scroll to it. Choose the type, direction, delay, and duration of each animation.

blocks that have animation settings enabled are easy to spot while you customize your page:

Make your block fade onto the page when a visitor scrolls to it.

Make your block flip onto the page when a visitor scrolls to it.

Make your block zoom onto the page when a visitor scrolls to it.

Select the direction of the animation:

Set the number of seconds before the animation starts once a visitor reaches the block.

Set how many seconds the animation lasts. A shorter duration makes the block appear quickly. A longer duration makes it appear slowly as your visitor scrolls to it.

Time reveal hides a block or section until a set amount of time has passed, so visitors see it when it matters most. The countdown starts either at an event's scheduled time or when a visitor loads the page. Time reveal works on any block and on a whole section.

Common uses include:

Time reveal uses three settings: Event, Offset, and Offset Units.

Optional. Select an event to reveal your content after the event time. If you do not select an event, the content reveals based on page load. Learn how to create an event

Enter how long to wait before the content appears. With an event selected, the wait starts at the event time. With no event selected, it starts when the page loads.

Offset is required to turn on time reveal, with or without an event. If you leave offset blank, the content is always visible.

Choose whether your offset value is in seconds, minutes, hours, or days.

If your content does not appear after the event time and offset, check the following. You can preview your page to test your time reveal settings before visitors see them.