-
Posts
-
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
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!
IsmaelHi 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
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,
IsmaelHi,
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
- The topic ‘Vertical column overlap’ is closed to new replies.