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.

Avada layout with default padding
Gap above and below the content

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.


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.

Global Settings
Page Level Options

Originally published on Nov. 26, 2022

man in blue denim jacket facing turned on monitorCalling for Input
books on the shelf photographNew Links Catalog

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.


  • Read New Avada-based website

    I am launching a new website using Avada taking advantage of the lessons learned over the past two years of builder evaluations.

    March 5, 2023

  • Read Going Green-ish

    Going Green-ish

    Do you know how much energy your website consumes per visit? I was shocked and made immediate changes.

    December 28, 2022

  • Read Analytics Alternative: Cabin.

    If you are looking for an alternative to Google Analytics, I recommend checking out Cabin - a privacy-first solution.

    December 25, 2022

  • Read New Section: Code Snippets

    I created a new Code Snippets section to start collecting and sharing code that I have found helpful for Avada or WordPress in general.

    December 18, 2022

  • Read The State of WordPress

    The future of WordPress is very bright, but it is going to take a new way of thinking and a willingness to learn new things. Gutenberg is only a part of that future.

    December 15, 2022

  • Read Styling the RankMath Sitemap

    Styling the RankMath Sitemap

    If you are a RankMath user, you may know that they recently introduced a feature that automatically generates an HTML version of the XML sitemap. This post is to share the CSS I am using to add some layout to an otherwise long list of links.

    December 11, 2022