Topic Tag: Content Templates

Problem:

The customer asked how to force the Toolset's "Container" block to cover full-screen width when using the Divi theme.

Solution:

Informed that the Divi theme wraps the content area inside a fixed-width wrapper/box. To force specific "Container" blocks to cover full-screen width, a custom class "full-screen" can be added to that block, after including some custom CSS:

.full-screen {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: calc(-50vw - 8px);
    margin-right: calc(-50vw - 8px);
    padding-right: 0!important;
    padding-left: 0!important;
}

Relevant Documentation:

n/a