Start for free

Margin, Padding, Spacing & Alignment

Menu

Margin, Padding, Spacing & Alignment

How can I center the text in a button?

This article shows you how to center text within a button in GemPages. If you’ve noticed that your button text appears off-center, this may be due to size settings or additional padding...

Margin, Padding, Spacing & Positioning Overview

Understanding how to control Shopify margin and other spacing features like padding, spacing, and positioning is essential for building clean, user-friendly, and visually appealing store layouts. In this article, we provide a...

Add Negative Margin to An Element or Section

What Are Negative Margins in GemPages? Negative margins are a CSS property that applies a negative value to the space around an element, allowing it to move closer to neighboring elements or...

Add or Remove Spacing Between Elements

This article explains how to adjust the spacing between elements in GemPages. Note: For optimal functionality, please upgrade to version 7 of GemPages. What is Spacing? Spacing is an important part of...

Change the Gap Inside Element

This article explains how to adjust internal spacing in GemPages using Padding and Gap settings to improve readability, structure, and overall layout balance. Why Internal Spacing Matters Internal gaps within your design—whether...

How to Align Elements in GemPages

Learn how to align buttons, text, images, and other elements in GemPages. Follow this step-by-step guide to achieve clean, responsive layouts that convert. Why Element Alignment Matters in GemPages Proper alignment is...

How to Set Element Position in GemPages

This article will show you how to set the position of the element with GemPages. What Does “Element Position” Mean in Web Design? In web design, element position refers to where an...

Bring an Element to the Front or Back Using Z-Index

This article will show you how to adjust Z-index settings in GemPages Editor to create visually dynamic and layered designs. What Is Z-index? Z-index is a CSS property that controls the stacking...

Remove Spacing between Theme Header & Page Content

This article will walk you through the steps to delete the gap between the theme header & page content to create a seamless layout. By default, Shopify themes often include top padding...

Start selling

Create your Shopify Store with $1/mo in first 3 months