#main Padding

The div that houses all the content on a page has the id #main.
The default padding for #main is set to:

#main {
padding-top: 0;
padding-bottom: 0;
}

This padding is designed for pages that have a full-width header banner at the top.
For pages that do not have a top image header banner, add this code to the Custom CSS under the Page Options setting:

#main {
padding-top: 60px;
padding-bottom: 60px; /*optional*/
}

Container Padding

The container is the largest of Avada Builder’s essential building components.
These are the general paddings used throughout the containers on the website:

padding-top: 50px;
padding-bottom: 50px;

Depending on the content, the padding may differ. It is not necessary to include the padding to the top of the first container and bottom of the last container where the padding in #main, as described above, has been added.

For pages that do not have the #main padding, as described above, add the following:

To the first container, padding-top: 60px;
To the last container, padding-bottom: 60px;