How to Align Elements in GemPages

Why Element Alignment Matters in GemPages

Proper alignment is the foundation of clean, user-friendly page design. In GemPages, aligning your elements, like buttons, images, text, or forms—ensures your layout looks polished, readable, and responsive across all devices.

How to Align Elements in GemPages (Step-by-Step Guide)

For Single Elements

Step 1: Click the element in the editor.

Step 2: In the left sidebar, go to the Settings tab.

Step 3: Scroll down to the Align section. Choose Left, Center, or Right.

For Rows with Multiple Elements

Step 1: Select the Row.

Step 2: In Settings, choose Align Column. Set it to Center or Distribute to space out child elements evenly.

Advanced Alignment: Spacing & Position Settings

For more control, use the Advanced tab in the sidebar.

Use Margins to Adjust Spacing

• Go to Advanced > Spacing.
• Increase or decrease Top, Bottom, Left, or Right margins.
• Use negative margins to move an element outside its normal boundary.

Use Position for Precise Control

• Go to Advanced > Position.
  Choose from:
  • Static (default)
  • Relative (offset from original position)
  • Absolute (placed exactly inside its parent)
  • Fixed (sticks to screen when scrolling)
  • Sticky (sticks after scrolling past a certain point)