Skip to main content
All CollectionsThemeTheme SectionsTemplate
How to Change Section Padding Size on Your Website?
How to Change Section Padding Size on Your Website?

A guide on how to adjust the section padding size to better fit your website's design.

Taynara Barboza avatar
Written by Taynara Barboza
Updated over a week ago

When designing your website, the spacing between sections plays a crucial role in achieving a balanced and visually appealing layout. Default padding sizes may not always suit your brand's aesthetics. Here’s a straightforward guide on how to adjust the section padding size to better fit your website's design.


How to Change Section Padding Size on Your Website?

STEP 1

From your Shopify admin, navigate to the Theme library and open your theme customizer.

STEP 2

Navigate to the Theme settings and open the Advanced Settings tab.

STEP 3

Scroll through the advanced settings until you find the option labeled 'Section Padding Size (Desktop).' This is where you can adjust the spacing between sections.

💡Tip: Use CTRL + F or CMD + F to search for the label 'Section Padding Size (Desktop)' within the page and go to the directly to its option.

STEP 4

By default, the section padding size may be set to 'Large.' However, you can choose to set it to 'Medium' or 'Small' to better suit your design preferences.


STEP 5

Don't forget to save your changes.


How to Change a Particular Section Padding?

To customize a particular section, CSS will come in handy. These instructions guide you through applying custom CSS to tailor the padding of your chosen section to your preferred dimensions.

STEP 1

Click on the desired section.

STEP 2

Open the Custom CSS tab.

STEP 3

Paste the following code snippet. Remember to adjust the values as per your desired size:

.d-block { 
padding-top: 5px;
padding-bottom: 5px;
}

Did this answer your question?