YWD display code version required: v 1.1
Add an Embed Code content block before a set of blocks with the command above to create a section, and apply an Autoformat and/or a backgrund image to it. This way you will be able to visually group those blocks.
If the page has more blocks, insert another Embed Code block as described below to close the section.
Let’s say you would like to build content that looks like this:
In other words, you have 4 blocks of content – the “Our Services” heading, followed by 3 callout boxes appearing side by side. And all those 4 blocks share the same “stretchy” background image.
To accomplish that:
1. Add an Embed Code content block above the group. Type in the text below (don’t forget the brackets):
Now switch to the Advanced options of the content block. We’ll select a background image, as well as an Autoformat (previously definied in the website’s Design settings, with some padding around the content) which is also set to stretch any background images.
2. If your page contains more blocks after the section (as this example does) then you need to add another Embed Code like that. Place this one at the end of the section. But for that block, don’t enter any box style.
So here’s what the structure would be in this case:
The best thing is that the structure above is responsive: if the page is viewed on a phone, the side by side block will automatically appear “stacked”, with the background image still stretching to cover the whole section: