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;
}
