Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1356296


    Love the new Parallax features, very impressive. But I’m just looking through the demo and I can’t work out how the vertical overlapping of the columns works, as in the linked image. With the three 1/3 columns, I see how the Z-index makes the middle one above the left and right columns but how is it made wider than those two?

    many thanks



    Hi envapk2!

    Thank you for the inquiry.

    The middle column is larger than the other two because of this css property, which controls the parallax effect. {
        transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, -240, 0, 1);

    The first value 1.1 scales or enlarge the column, which is why it is wider than the left and right columns. Not yet sure if this is intentional. We will forward the thread to our channel.



    Hi Ismael

    I see, that is interesting. I can see that by targeting that column in Quick CSS the width can be changed but is that the best or only way to do it?

    many thanks




    Thank you for the update.

    We were just informed that there is actually an option for it in the column element’s Styling > Highlight panel where you can highlight a column and make it bigger. Hope that helps.



    Hi Ismael

    Oh yes, I see that now. That is perfect. Many thanks for your help.



    Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Vertical column overlap’ is closed to new replies.