Tagged: change, column, enfold theme, layout, row
Hi!
I have a question: is it possible to change the layout of the home page as in the example attached (circled in red)?
Please help! :D
Thank you very much,
Kind Regards
Laura
Hi opificioilgranello!
You could use our column shortcodes to create that layout. Just edit your homepage and drag a 1/2 + 1/2 to your content or a 2/3 + 1/3 or similar.
Best regards,
Elliott
Dear Elliott ,
maybe I’ve not understood but apparently your suggestions pertain how to resize the width of columns, while I would like to resize their heights. For instance, I would like to put columns with differently high blocks one next to the other.
Thought it’s a bit like a masonry layout.
Thank you!
Best Regards
Laura
Hey!
Yes, that is possible but it will require a custom script, jquery or javascript probably, that should calculate the height of the two smaller blocks (a & b) then apply the total height as the height of block c. It is also possible with html codes inside a text or code block but it will require too many css media queries to make it work on smaller or larger screens. So doing it via jquery is easier. You can refer to these links for example:
http://stackoverflow.com/questions/3275850/set-a-div-height-equal-with-of-another-div
http://pressupinc.com/blog/2014/02/setting-dynamic-equal-heights-multiple-elements-jquery/
Regards,
Ismael