# Arrange content with nested content blocks Source: https://support.storeconnect.com/articles/nesting-content-blocks · Last modified 21 August 2026 When you build your StoreConnect store, you'll want control of how content is arranged on each page, so that you can meet product and brand needs. In StoreConnect, nested content blocks give you full control. ## Two-column layout Here’s an example of a page layout where two content blocks are nested within another one, to form columns: ![Sample Layout](https://res.cloudinary.com/hzkr6fi81/image/upload/v1781677828/documentation-media/content-blocks/layout-dimensions.png) To create this layout: 1. **Add text blocks** - Create two content blocks with the **Content Template** set to `Text`. Add your text for column one in the first content block and your text for column two in the second content block. Add titles, subtitles and content as required. 2. **Add a container for text columns** - Create a content block with the **Content Template** set to `Container` with a **Layout Style** of `Full width on smaller screens and two columns on larger`. In the **Related** tab, add the content blocks you created above, as children of this container. Assign the first text content Block Position 10, and the second Text Content Block Position 20. We can now use Custom CSS to target this content block and restrict it’s width to 1200px. [Learn about Styling Content Blocks here.](using-css-with-content-blocks) 3. **Style the background** - Create a content block with the **Content Template** set to `Container` and add the earlier container content block as it’s child. We can now assign custom CSS to this content block to create a full-width background colour or image. ![3D view of Content Blocks](https://res.cloudinary.com/hzkr6fi81/image/upload/v1781677829/documentation-media/content-blocks/layout-3d.png) ## More about content blocks The **Content Template** for each content block determines which fields in the Salesforce page are used when the system renders the content block. - [Content block containers](content-block-containers) - [Content block templates](content-block-templates) ## More about styling content Once you have created the content blocks, use the content block’s **Identifier** as your CSS selector to apply styles. - [Using CSS with content blocks](using-css-with-content-blocks) - [Adding custom CSS](adding-custom-css) --- ## Follow StoreConnect - [Email Newsletter](https://getstoreconnect.com/c/lp-newsletter) - [LinkedIn Newsletter](https://www.linkedin.com/build-relation/newsletter-follow?entityUrn=7444956928444862464) - [YouTube](https://www.youtube.com/channel/UCngKdP2x8l1wcbAKW3tvU8g) - [LinkedIn](https://www.linkedin.com/company/storeconnect) - [X / Twitter](https://x.com/storeconnecthq) ## Popular Links - [Partners](https://getstoreconnect.com/partners) - [News](https://getstoreconnect.com/articles/news) - [Events](https://getstoreconnect.com/articles/events) - [Feature Comparison](https://getstoreconnect.com/how-we-compare) - [Download a free trial](https://appexchange.salesforce.com/appxListingDetail?listingId=a0N3A00000FMkeKUAT) - [Book a Demo](https://getstoreconnect.com/contact) ## Documentation - [Help documentation](https://support.storeconnect.com/help-documentation) - [AI agents](https://support.storeconnect.com/ai) - [Videos & tutorials](https://support.storeconnect.com/videos-tutorials) - [Developer reference](https://support.storeconnect.com/developer-reference) - [Release notes](https://support.storeconnect.com/release-notes) - [Troubleshooting](https://support.storeconnect.com/troubleshooting) - [Trust Center](https://trust.getstoreconnect.com/) - [Status Page](https://status.storeconnect.com/) ## Contact - info@getstoreconnect.com - US +1 415 745 3230 - AUS +61 2 8365 2308 100 S Ashley Dr, Suite 600-2461 Tampa FL 33602-600 USA Level 22, Sydney Place 180 George Street Sydney, NSW, 2000, AUS --- StoreConnect Support — https://support.storeconnect.com/articles/nesting-content-blocks