Skip to main content
All CollectionsThemeTheme Settings
How to Change Padding and Reduce or Increase Space Between Sections?
How to Change Padding and Reduce or Increase Space Between Sections?

A guide on how you can change the padding and adjust the space between sections.

Diane Eunice Narciso avatar
Written by Diane Eunice Narciso
Updated over a week ago

Padding is the space between the content of an element and its border. It is used to create space within an element and can be adjusted to change the appearance of a webpage. In this article, we will discuss how to change padding and reduce or increase space between sections.

Understanding Padding

Before we dive into changing padding, it is important to understand what it is and how it affects the layout of a webpage. Padding is defined as the space between the content of an element and its border. It is used to create space within an element and can be adjusted to change the appearance of a webpage.

How to Change Padding and Reduce or Increase Space Between Sections?

STEP 1

Navigate to your Shopify Admin, Online Store, and then Themes. You can customize the Debutify Shopify theme by clicking the Customize button.

STEP 2

Select Theme Settings, then Advanced Settings, and then scroll down to Section Height.

STEP 3

Adjust section height for both desktop and mobile by selecting through the dropdown options:

STEP 4

You can also adjust the border radius and border width.

STEP 5

Edit Padding X and Padding Y.

STEP 6

Don't forget to save the changes.

Did this answer your question?