Enable the embedded layout of Divi (boxed layout)

Is Divi's "Boxed Layout" for you?

Updated on 01/06/24

940 words

4 minutes of reading

This article contains affiliate links recognizable by the percentage icon (%) → I am an affiliate link

Websites displaying a « embossed layout » – also called Boxed Layout It's pretty rare these days. We're seeing less and less... The theme Divi proposes this option and your choice will be crucial for the further design of your project.

The boxing your site's design is a political party that must be decided at the beginning of the Customize your theme.

Is this design made for you? How to activate the embossed layout with Divi? What benefits? This article will answer all these questions...

Here is the program:

What is the embossed layout of Divi (or boxed layout)?

Websites using "framed models" allow to define width limits for the main body of the page.

The boxed layout sets a fixed width to display the contents of each page. Thus, regardless of screen resolution, your website will always keep the same size as the container proposes a fixed width.

Even if in mobile version this can reduce the width of your pages, in desktop version (and especially on large-format computers), the reading of your pages and articles will be easier because internet users will not have to browse your editors on a 100% width. This can be tiring on very wide screens.

When to choose the embossed layout?

Ideally, you need to decide on this layout from the start of your web project.

Even if it can be modified during the journey (because it's very easy to check or uncheck the Divi option), it could impact the entire design of your site.

The embossed layout (or not) should be decided at the same time as the header type you wish to offer on your site.

To learn more about the types of menus/headers offered by Divi, I suggest you discover my article dedicated to Divi menus and headers. In this article, you will discover the various types of design that you can use for the main menu of your Divi site.

How to activate the embossed layout on Divi?

Good news, it's more than simple. Just check an option in the Divi settings.

Enable the embedded layout of Divi
Enable the embedded layout of Divi (also known as Boxed Layout)
  1. Go to tab Appearance > Customize
  2. Click General parameters
  3. Click Page layout settings
  4. Check option Enable embossed layout
  5. Remember to click on « Publish » to save your changes.

You can even set the width of your site's content with additional options.

What does an embossed layout look like?

Embedded or boxed layout
Here is the difference between an embossed layout and a full-width layout.

On the first screenshot, we see that the web page extends over 100% of the screen width. This is the "default" layout proposed by the theme Divi. If this type of design suits you, then you will have nothing to do. No changes to make...

On the second screenshot, we can see that the content of the page is reduced, as "boxed". The web page then lets appear a kind of "empty" on both sides. The embossed layout being a specific will, you can activate with a simple option as seen in the previous chapter.

Here are two examples of layout embossed with Divi:

What are the advantages of choosing an embossed layout?

Of course, choosing this kind of layout is a taste story, but beyond that, it's a design story...

When I create websites for my clients, it's rare for me to choose this type of layout, but I have chosen it in some cases. It is therefore necessary to take into account the target audience, the overall design and atmosphere of the site.

In addition to all this, this embossed layout can give free rein to many customizations that it is not possible to get with a full width layout.

How to use the embedded layout of Divi in an original way?

We're coming...

When you choose the embossed layout of Divi, this only allows you to define a background image or background color.

I propose to change this to your advantage in two new tutorials:

Need more resources on Divi Boxed Layout? Discover these articles from ElegantTheme's blog full of ideas and tutos!

The embossed layout of Divi (boxed layout)
Embedded layout of Divi (boxed layout)

Get Divi

Divi training

Ebook Divi PDF

Free tips

Divi Quiz

Live coaching

icon 256x256
Discover my wpLingua plugin, which makes your websites multilingual in just a few clicks! SEO-Friendly / Automatic / Editable


  1. David
  2. Lycia Diaz
  3. David
  4. Lycia Diaz
  5. David
  6. Dominique
  7. Lycia Diaz
  8. Fab
  9. Lycia Diaz
  10. David
  11. Lycia Diaz
  12. David

Submit a comment

Your email address will not be published. Required fields are indicated with *

This site uses Akismet to reduce undesirables. Learn more about how your feedback data is used.