The Case of the Strange Gap

Why is there a gap at the top and bottom of my page?

This question is raised several times a year in the Facebook group and can be frustrating for new users unfamiliar with Avada’s default global settings. In this case, the page content top and bottom padding are set at 60px, which can create an unexpected gap when using a background in a top or bottom container. As with most things related to Avada, there are settings that can be adjusted globally or at the page level. Another possible point of confusion is the naming of the item — content padding. While it is technically correct, it assumes people realize that this is the area between the header or title bar (if one is present) and the footer. This becomes clear when you build custom layouts, and the content section is independent, but not so much if you rely on the legacy theme layout.

Global Settings

If you want to change these settings at the global level, go to the global options, and under layout options, you will see Page Content Padding. One thing to keep in mind when setting these to zero (0), you will always need to add spacing to the adjacent containers or columns. I always set these to zero (0) when setting up a new site, but I also set the default padding of containers to 64px.

Page-level

If you choose to keep the defaults or set it to a different value, you can change this at the page or post level using the content settings in the page options to override the defaults.