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 CSS.

Go to the section (or row) where your first column is located (the one on the left) and enter the following CSS in the “Main element” field under the “Advanced” tab:

Enter the CSS code in the correct column
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)

Was this article helpful?

Related Articles

Submit a Comment

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

Published on - 26. Oct 2020
Modified on - 1. Apr 2024
Views - 173
Likes - 0

Do you need help?

Kontaktiere uns gerne :-)
Contact Support

Kundenstimmen

Erfahrungen & Bewertungen zu Olbricht IT
Skip to content