Align elements on a page

In this article, you will learn how to align elements on your PageFly page.

Before going to the specific steps, you can watch the video below:

Step 1: Select element’s containerClick to copy

In our example, there is a Section with 2 Columns. On the right Column, we have a Heading, a Paragraph and a Button elements. And now you want to align these elements to be center. 

To do this, you need to choose the elements’ container.

First of all, we need to understand how elements are contained on the page. For example, we select the Button element and the breadcrumbs show its containers: Section – Row – Column – Button.

Since we want to align this button, we need to select its container which is the Column in the breadcrumbs.

Step 2: Align all elements within the selected containerClick to copy

Now we want to center-align all elements above. After selecting the container which is the Column here, head over to the Styling tab > TYPOGRAPHY section > click Center icon under Text Alignment.

Step 3: Align a specific element inside a containerClick to copy

In the case you only want the button to be center-aligned, the heading and paragraph to be still left-aligned, so do the following:

  • Choose the container of the heading’s text, which is the Heading element.
  • Go to the Styling tab in Element Inspector on the right.
  • Click Left icon under Text Alignment of the TYPOGRAPHY section.

Do the same thing for the paragraph element. As a result, you’ll see something like the image below.

The priority of styling settingsClick to copy

Just keep in mind that settings of nested elements have higher priority than those of their containers. For example, if you set the column alignment as “center”, but the paragraph element in that column is set to “left”, that paragraph will be left-aligned.

Thank you for your feedback!

Navigate this category

PreviousPrevious article

Next articlePrevious

Could not find the answer
to your question?

Chat with us
PageFly Languagues

PageFly Help Center is now available in Chinese. Please check the flags on the page header.

I got it!