I was wondering if it would be possible to divide content as shown in the following image using cornerstone:

As you can see I’d like to divide the bottom right column into the sections as shown. I’m aware that you can use a block grid element to achieve something like this, but I’ve noticed that I can only edit the elements within each block grid item by inserting shortcodes instead of being able to drag and drop like regular columns and rows. There’s also no way to edit the styling of the content within the block grids other than custom css. Everything within the block grid also appears to be contained within <li></li> tags on the actual page, but I don’t want the content to be a list.

Is there any other way of dividing up content like this in cornerstone other than block grids? Thanks.

You can achieve the layout only with custom code as nested sections are not allowed.
You can add following HTML code in text element to achieve the layout :

<div id="section">
<div class="x-column x-sm x-1-2">some content</div>
<div class="x-column x-sm x-1-2">some content</div>
</div>
<div id="section">
<div class="x-column x-sm x-1-1">some content</div>
</div>

Hope it helps.

Any chance something like this will ever become native to the cornerstone UI for X?

I will forward this thread to our head staff to be added as a feature request for cornerstone. This is a +2 vote for this feature. 1 for buttermelts and 1 for Jonathan L. I could not guarantee that this will be added however I am sure that your vote is counted and this feature will undergone assessment if it will be added in our updates.

Thank you so much for helping our theme and cornerstone to make it great. You guys rock! 🙂

Feel free to post more feature request in a new thread.

Have a wonderful day.

Cheers!