Hi guys,
Is there any way to have a layout like this without massive white space? I can change the CSS for each image to be i.e. top: -100px, but I would like to know if there is a more elegant way through the theme that I’m not seeing.
Layout example: https://i.imgur.com/SJVBNb1.png
Thank you
Hey FlatText,
You should be able to have a layout like that, but you will need to nest layout elements within other layout elements. That is not possible by default in the Layout Builder, but if you enable debug mode you can give it a try: https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#debug-mode
Best regards,
Rikard
Hi Rikard,
Thanks for getting back to me.
I have tried nesting layout elements (ie. [av_one_half][/av_on_half] or two_third etc), but when I come back to edit the page I get something like this: https://i.imgur.com/LUjC3w2.jpg
I wasn’t on debug mode before, and even if I try ‘auto-repair’ it’s still coming out like that picture. And I get this error: 5 warning(s), 3 error(s), 0 fatal error(s) were detected parsing the shortcodes. Original content had been kept – necessary changes were not applied.
Am I supposed to use normal text blocks and not code blocks?
I think I know the problem.
I’m not supposed to use the layout builder AND nested elements right? The section needs to be all code?
Hi,
You will likely need to edit everything directly in the shortcode, the easiest way might be to create parts of the layout on a different page, then copy it to your actual layout. That way you can use the regular Layout Editor more than if you create everything on the same page.
Best regards,
Rikard
Thanks for the help Rikard.
Resolved.