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

    Hi

    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

    Peter

    #1356357

    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.

    element.style {
        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.

    Cheers!
    Ismael

    #1356400

    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

    Peter

    #1356419

    Hi!

    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.

    Regards,
    Ismael

    #1356425

    Hi Ismael

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

    Peter

    #1356434

    Hi,
    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,
    Mike

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

The topic ‘Vertical column overlap’ is closed to new replies.