How Can We Help?

Search for answers or browse our knowledge base.

< All Topics
Print

How to fix layout 1 image overlapping issue

If you want to apply to fix to a specific page, go to the visual builder and navigate to shown area of the page (by following step 1, 2 and 3).

Then paste the following code and save the page:

.el_md_testimonial_extended .layout1 .el-testimonial-portrait{
  z-index:1;
}

You could also add the code to the Divi Theme Options Custom CSS area for a global fix.

If you notice an issue with the arrows with the code above, try the following code snippet instead.

.el-testimonial-portrait{
  z-index: 1;
}

.el_md_testimonial_extended .el-testimonial-desc, .el_md_testimonial_extended .el-testimonial-desc p{
  z-index: 0;
}
Previous Getting double arrows on your testimonial slider?
Next Layout 4: How to fix text size issue on mobile devices
Table of Contents