We are making a new CMS site for a customer to replace their existing site. An existing example page is the following, which structurally can easily be replicated by a block grid and some 2/3/4 column layout areas.
But the problem is this page is an example of some of the design magic the content editors would like to do where they want to apply styles that would cross over multiple grid items.
This would be straightforward to do in a template, by adding custom multiple grids to the page, each having their own styles. But we do not want to create multiple templates just to support slightly different background colors etc.
I tried to cheat by adding RTEs at the relevant points that just opened a div with the proper styling, and later a second RTE that closed the div, but it doesn't work because the grid encapsulates the injected HTML in its own structures that means the style does not affect the things in between.
Is it possible to add a grid to a grid? where the child grid could have styles applied?