Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1093366

    I am trying to follow various threads on this topic but they didn’t work.

    I would like to create overlap effect with text block in one column on the right overlapping an image on the left, so that the text is on top of the image.

    Thank you!


    Hey williamslyd,

    Thank you for using Enfold.

    Increase the z-index of the column that is supposed to overlap the other. You can use this css code.

    .overlapping-columns-left {
        z-index: 200;


    Best regards,


    Hi Ismael, I hope it’s fine to revive this thread.

    I am trying to achieve the same thing as williamslyd. Is it still the same procedure? Or is it better to do it with a negative margin? The provided code is not working anymore :(

    Thanks in advance, Sam

    EDIT Its working with:

    .overlapping-columns {
    	  position: relative !important; 
        left: -150px !important; 
        z-index: 10 !important;
    • This reply was modified 2 months ago by  sabsab.

    Hi Sam,

    Great, I’m glad that you found a solution and thanks for the update. Please let us know if you should need any further help on the topic.

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.