--- title: Removing padding from the top or bottom of a section [B12 2.0] description: Follow these steps if you want to reduce the empty space (padding) at the top or bottom of a section. --- [Skip to content](https://support.b12.io/en/v2/removing-padding-from-the-top-and-bottom-of-a-section#main-content) ![b12 logo](https://support.b12.io/hubfs/b12%20logo.svg) - [Help Center](https://support.b12.io/) - [B12 Website](https://www.b12.io/) - [AI Website Prompts](https://www.b12.io/ai-website-prompt-gallery) - [Resources](https://www.b12.io/resource-center/) - [Pricing](https://www.b12.io/pricing/) - [Log in](https://b12.io/dashboard/) Open main navigation Close main navigation - [Help Center](https://support.b12.io/) - [B12 Website](https://www.b12.io/) - [AI Website Prompts](https://www.b12.io/ai-website-prompt-gallery) - [Resources](https://www.b12.io/resource-center/) - [Pricing](https://www.b12.io/pricing/) - [Log in](https://b12.io/dashboard/) - [Start for free](https://b12.io/signup/) [Start for free](https://b12.io/signup/) How can we help? - There are no suggestions because the search field is empty. 1. [B12 Help Center](https://support.b12.io/en?hsLang=en) 2. [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en) 3. [Advanced Editing (Experts Only)](https://support.b12.io/en/b12-2-0?hsLang=en#advanced-editing-experts-only) # Removing padding from the top or bottom of a section \[B12 2.0\] ## Follow these steps if you want to reduce the empty space (padding) at the top or bottom of a section. | ![me-webp-May-22-2025-10-46-54-0896-PM](https://support.b12.io/hs-fs/hubfs/me-webp-May-22-2025-10-46-54-0896-PM.webp?width=60&height=60&name=me-webp-May-22-2025-10-46-54-0896-PM.webp) Written by: Madeline B. Last updated: 29 Dec., 2025 | | This feature requires the **Basic** Subscription or above. View plans and pricing [here](https://www.b12.io/pricing/). | | --- | --- | --- | ### Please proceed with caution. **These instructions are for users with advanced knowledge of HTML, JavaScript, and CSS code only.** Editing HTML and JavaScript code can cause errors and customizing section code may keep your website from updating to new versions in the future. If you make any unwanted changes, you can restore your site to a previous version by following [these instructions](https://support.b12.io/en/articles/1506628-restoring-your-website-to-undo-changes?hsLang=en). Every section includes some empty space at the top and bottom to avoid overcrowding your content. You can adjust the default spacing on a site-wide level or the padding for an individual section layout. If you'd like to reduce the empty space for every section on your site, we recommend adjusting your sitewide theme settings. ### Editing section padding 1\. Enable [expert mode](https://support.b12.io/en/articles/1816167-how-to-enable-expert-mode?hsLang=en). 2\. Go to ` Website` **\>** `Pages`, then select the page and section you would like to access. 3\. Scroll to **Layout**, then click `customize it manually`. ![Untitled design (20)](https://support.b12.io/hs-fs/hubfs/Untitled%20design%20(20).png?width=250&height=250&name=Untitled%20design%20(20).png) 4\. In the layout tree, click the first row (for example, *Row 1*). ![](https://support.b12.io/hs-fs/hubfs/image-png-Sep-08-2025-07-50-16-3182-PM.png?width=250&height=173&name=image-png-Sep-08-2025-07-50-16-3182-PM.png) 5\. Change the Top Padding drop-down from **`large`** (default) to **`small`** or **`none`**. ### ![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-23-2024-09-24-06-7106-PM.png?width=245&height=247&name=image-png-Oct-23-2024-09-24-06-7106-PM.png) **Tip:** If the layout has only one row, you can also adjust the Bottom Padding from here. If the Bottom Padding is already set to none, proceed to the next step. 6\. To adjust the padding at the bottom of the section, if the layout has more than one row, click **`Customize layout`** to return to the layout tree. 7\. Click the last row in the layout tree. (Example: Row 4). ![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-23-2024-09-29-32-4329-PM.png?width=245&height=130&name=image-png-Oct-23-2024-09-29-32-4329-PM.png) 8\. Change the Bottom Padding drop-down from **`large`** (default) to **`small`** or **`none`**. ![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-23-2024-09-30-27-7470-PM.png?width=245&height=298&name=image-png-Oct-23-2024-09-30-27-7470-PM.png) **Tip:** You can also  adjust the default padding for your sections from the customized theme area (`Website` \> `Style` \> `Customize theme`). ![](https://support.b12.io/hs-fs/hubfs/image-png-Sep-08-2025-08-50-58-8301-PM.png?width=250&height=331&name=image-png-Sep-08-2025-08-50-58-8301-PM.png) - [Getting started](https://support.b12.io/en/getting-started?hsLang=en#main-content) - [Introduction](https://support.b12.io/en/getting-started?hsLang=en#introduction) - [Detailed guides](https://support.b12.io/en/getting-started?hsLang=en#detailed-guides) - [Working with B12's AI Agent](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#main-content) - [Agent Skills](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#agent-skills) - [Built-in features](https://support.b12.io/en/built-in-features?hsLang=en#main-content) - [Visual edit](https://support.b12.io/en/built-in-features?hsLang=en#visual-edit) - [Code editor](https://support.b12.io/en/built-in-features?hsLang=en#code-editor) - [Data & users (Backends)](https://support.b12.io/en/built-in-features?hsLang=en#data-users-backends) - [Forms & submissions](https://support.b12.io/en/built-in-features?hsLang=en#forms-submissions) - [Commerce](https://support.b12.io/en/built-in-features?hsLang=en#commerce) - [Contact manager](https://support.b12.io/en/built-in-features?hsLang=en#contact-manager) - [eSignatures](https://support.b12.io/en/built-in-features?hsLang=en#esignatures) - [Email Marketing](https://support.b12.io/en/built-in-features?hsLang=en#email-marketing) - [Team](https://support.b12.io/en/built-in-features?hsLang=en#team) - [Analytics](https://support.b12.io/en/built-in-features?hsLang=en#analytics) - [Website settings](https://support.b12.io/en/built-in-features?hsLang=en#website-settings) - [Adding functionality](https://support.b12.io/en/adding-functionality?hsLang=en#main-content) - [Third-party integrations](https://support.b12.io/en/adding-functionality?hsLang=en#third-party-integrations) - [Publishing & growing](https://support.b12.io/en/publishing-growing?hsLang=en#main-content) - [Domains](https://support.b12.io/en/publishing-growing?hsLang=en#domains) - [Connecting your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#connecting-your-domain) - [Managing Your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#managing-your-domain) - [Email Forwarding & Sending](https://support.b12.io/en/publishing-growing?hsLang=en#email-forwarding-sending) - [Growth & Marketing](https://support.b12.io/en/publishing-growing?hsLang=en#growth-marketing) - [Troubleshooting](https://support.b12.io/en/troubleshooting?hsLang=en#main-content) - [FAQs](https://support.b12.io/en/troubleshooting?hsLang=en#faqs) - [Account & billing](https://support.b12.io/en/account-billing?hsLang=en#main-content) - [Account Login & Password](https://support.b12.io/en/account-billing?hsLang=en#account-login-password) - [Subscription & Payment Information](https://support.b12.io/en/account-billing?hsLang=en#subscription-payment-information) - [Your Account](https://support.b12.io/en/account-billing?hsLang=en#your-account) - [Managing Multiple Websites](https://support.b12.io/en/account-billing?hsLang=en#managing-multiple-websites) - [Multi-user](https://support.b12.io/en/account-billing?hsLang=en#multi-user) - [Getting support](https://support.b12.io/en/getting-support?hsLang=en#main-content) - [Professional & Advanced Plan Support (B12 2.0)](https://support.b12.io/en/getting-support?hsLang=en#professional-advanced-plan-support-b12-2-0) - [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en#main-content) - [Website Structure and Content](https://support.b12.io/en/b12-2-0?hsLang=en#website-structure-and-content) - [Website Style & Design](https://support.b12.io/en/b12-2-0?hsLang=en#website-style-design) - [Sitewide Settings](https://support.b12.io/en/b12-2-0?hsLang=en#sitewide-settings) - [Using the B12 Editor](https://support.b12.io/en/b12-2-0?hsLang=en#using-the-b12-editor) - [Analytics & SEO](https://support.b12.io/en/b12-2-0?hsLang=en#analytics-seo) - [Integrations - General](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-general) - [Integrations - Communication](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-communication) - [Integrations - Language](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-language) - [Integrations - Ecommerce](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-ecommerce) - [Professional & Advanced Plan Features](https://support.b12.io/en/b12-2-0?hsLang=en#professional-advanced-plan-features) - [Troubleshooting & Resources](https://support.b12.io/en/b12-2-0?hsLang=en#troubleshooting-resources) - [Contact Forms](https://support.b12.io/en/b12-2-0?hsLang=en#contact-forms) - [Online Scheduling](https://support.b12.io/en/b12-2-0?hsLang=en#online-scheduling) - [Advanced Editing (Experts Only)](https://support.b12.io/en/b12-2-0?hsLang=en#advanced-editing-experts-only) [![B12\_logo\_2025](https://support.b12.io/hs-fs/hubfs/B12_logo_2025.png?width=53&height=24&name=B12_logo_2025.png "B12_logo_2025")](https://www.b12.io) © 2025 B12. All rights reserved. ×