DIVI: Overlapping elements

This way you can change the overlapping order!
By default, the first element on the page is always behind the next element if the two overlap. This is why the content on the right always overlaps the content on the left.

You can easily change this with a line of custom CSSCSS ( Cascading style sheets ) means “multi-level format templates” in German. CSS is a formatting language for HTML, SVG and XML documents. CSS is used to separate the content of a website from the design! There is more information here ..

Go to the section (or row) where your first column is located (the one on the left) and enter the following CSSCSS ( Cascading style sheets ) means “multi-level format templates” in German. CSS is a formatting language for HTML, SVG and XML documents. CSS is used to separate the content of a website from the design! There is more information here . in the “Main element” field under the “Advanced” tab:

z-index: 10

The reason for this is that all columns have the Z-index 9 by default. If you increase the number to 10, the element is stacked on top of each other. This only works at column level.

Dieser Beitrag ist auch verfügbar auf: Deutsch (German)