Skip to main content

Change your site's width, padding, and gaps

Learn how to adjust your site's width, padding and gaps settings

Rodrigo avatar
Written by Rodrigo
Updated over a week ago

Want to make your site larger or adjust the padding of individual sections? You can easily do this with Podia's site builder.

n this article, we'll show you how to modify your site's width, padding, and gap settings.

Global structure settings

Here's how to adjust global width, padding, and gap sections for your site:

  1. From your Podia dashboard, click on Website in the sidebar menu.

  2. Select Edit site.

  3. On the next page, click on Design at the top menu of the Site Builder and then select Structure from the left-hand menu.

  4. You'll see options to modify your site's width, padding, and gap on the left-hand menu. Use the sliders to adjust these global structure settings for your site, such as:

    • Width: Adjust how wide your page sections appear on your site.

    • Gap: Control the space between different elements in a page section.

    • Padding: Add some vertical white space at the top and bottom of your page sections.

Changing these global spacing settings will impact all page sections of your site.


Individual section structure settings

You can also adjust the structure settings of individual page sections of your site. Here's how:

  1. Click directly on the page section you'd like to edit or use the "Pencil icon" to bring up the left-hand menu.

  2. Click on the Design tab.

  3. Navigate to the Layout section and use the sliders to adjust your section's width, padding, and gap settings.

    • Adjusting the structure settings for individual sections will override global structure settings.


FAQ

What do width, padding, and gap refer to?

Width, padding, and gaps will help you adjust different aspects of your site's structure.

  • Width: Adjust how wide your page sections appear on your site.

  • Padding: Add some vertical white space at the top and bottom of your page sections.

  • Gap: Control the space between different elements in a page section.

Specific sections of my site are not changing when I change global options... Why?

If you have specific structure settings for certain sections on your site, it's important to note that global structure options won't affect these individual settings.

To make changes to these page sections, you'll need to edit them individually, as the global options won't have an impact on them.

You can also use the Reset design options button within a page section to reset individual settings and have global options apply again.


Still need help?

If you have any questions, send an email to hello@podia.com or click the purple help icon to send us a message 😄

Did this answer your question?