Centering elements on a page is super important. Whether its a contact form, call to action button or an image, this guide will show InstantSite customers how to center an element.

Please note: Inline elements like images, buttons and icons can be centred in their container using the text alignment setting on the element. When you want to centre an element (e.g. a block of text), but don't want to alter the text alignment, you can move the column containing the element into the centre as shown in the guide below.

Let’s get started...

  1. Login to the InstantSite editor.
  2. Select the row you’d like to edit and add an element to that row.
  3. Click on the column and select the Move Column icon.
  4. Adjust the column left and right until you have the element centered.
  5. Finally, adjust the content on your element.

That’s it! You’ve successfully created a centred element.

Related guides

Need a hand? Search over a hundred step-by-step support guides