Reposition blocks & components

The Components Editor enables you to create and edit page layouts yourself by adding and repositioning components, such as layout blocks.

You can undo any changes you make, before publishing the page, by using the undo button in the top-left of the editor.

Note: For the purposes of this article, the term "component" refers to content blocks and block layouts as well as other component types.

In this article:

Reposition a component

Go to Edit > Edit centre content:
Place your cursor within the component you want to reposition.
Tip: If you want to select a parent component (a component containing one or more other components), either:
- Position your cursor in the space between two child components to focus on the parent.
- On the toolbar for the child component, select the name of the parent component:
Use the Move component up and Move component down arrows in the component toolbar to move the component up or down the page:
Each time you click one of the arrows, the component will be moved to a position immediately above or below the adjacent component, as appropriate.

Tip: To reposition child components within a Block layout component, select the parent component so that its toolbar is visible, then select Manage blocks. In the pop-up that appears, use the drag icons to re-order your blocks.
When you've finished editing your page, select Publish.

Go to Edit > Edit centre content:
Select the component you want to duplicate. If you want to duplicate a parent component (a component containing at least one other component), either:
- Position your cursor in the space between two child components to focus on the parent
- On the toolbar for the child component, select the name of the parent component:
On the toolbar that appears above the component, select Duplicate:
A copy of the component, including any content within it, appears below or next to the existing one.
When you've finished editing your page, select Publish.

Go to Edit > Edit centre content:
Select the component you want to duplicate. If you want to delete a parent component (a component containing at least one other component), either:
- Position your cursor in the space between two child components to focus on the parent
- On the toolbar for the child component, select the name of the parent component:
On the toolbar that appears above the component, select Delete:
If the component contains text or other content, a pop-up appears asking whether you want to keep that content, or delete it:

Select the apprpriate button.
When you've finished editing your page, select Publish.