Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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!

    #1093526

    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;
    }

    // https://kriesi.at/documentation/enfold/intro-to-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements

    Best regards,
    Ismael

    #1199778

    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.
    #1200019

    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,
    Rikard

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

You must be logged in to reply to this topic.