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.

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.

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.