This guide walks through creating a new page using either a blank layout or a template, then building it using blocks—particularly column blocks—to structure your content. It also covers adjusting layout, alignment, spacing, device responsiveness, and visibility settings to ensure your pages look clean and work well across desktop, tablet, and mobile.
What Are Content Pages?
In your Growing Good site, content pages form the main informational areas of your website. These are any pages that are not shopping category pages.
Content pages allow you to share important information about your business, policies, and services. Using the page builder, you can design these pages however you like — adding text, images, layouts, buttons, banners, and more.
Once created, content pages can be added to:
- The
Top navigation menu
- The
About ussection in the footer
💡 What Pages Should I Create?
Most Growing Good websites include some or all of the following non-shop pages:
- Home page (the most important one!)
- About us
- Privacy policy
- Delivery information
- Bricks and mortar shop page (if applicable)
- How to order
- FAQs
- Contact us
- Terms & Conditions
These pages help customers understand who you are, how your service works, and what to expect when ordering.
How to Create a Content Page
Step 1
Navigate to Pages 🗒️ in your Growing Good admin.
Step 2
Under the Content pages tab, click New page.
Step 3
Choose how you want to start building:
- Blank page – Start completely from scratch
- Start from template – Use a pre-designed layout
Templates include full-page designs for common page types and provide a visual preview to help you decide.
Step 4
Select the option you wish to use.
Building a Page from Scratch
If you start with a blank page, you’ll begin by adding your first block.
Click: + Add block or Preset to content
- Presets provide ready-made combinations of commonly used blocks, helping you build pages more quickly.
When building from scratch, it’s often best to begin with layout blocks that structure the page before adding detailed content.
Container Blocks
The following blocks allow you to place other blocks inside them:
- Columns
- Banners
- Cards
- Accordion
- Carousel
- Slider
These are useful for structuring your page before adding text, images, buttons or product cards.
You can read more about each block type in the Guide to our Content Blocks
All About Columns
The Column block is one of the most important tools for building page layouts.
Adding a column block allows you to:
- Place content side-by-side
- Stack content vertically
- Create structured sections
- Build responsive layouts
Adding Columns
- Once you have selected a Column block to add.
- Click
+ Add column.
- Inside the column, click
+ Add block.
- Choose the content block you want to insert.
- Add your content.
Adding Columns Beside Each Other
To add another column next to the first:
- Click on the column block.
- Click the
+icon on the side where you want the new column.
- Click
+ Add blockinside the new column.
- Choose the content block you want to insert.
This allows you to create layouts such as:
- Image next to text
- Two or three equal columns
- Asymmetrical layouts
Adding Blocks Above or Below
You can also stack content vertically within a column.
For example, you may want:
- An image
- A heading
- Some text
- A button
All stacked in the same column.
To add above or below a block:
- Click once to select the content block.
- Click again to show the placement options.
- Click the
+icon above or below.
- Select the block you want to add.
This gives you flexibility to build more dynamic layouts.
Column Sizing & Device Breakpoints
In the control panel on the right-hand side, you can adjust how blocks appear across different devices.
This setting is available for content blocks within columns.
To adjust column size:
- Select the block inside the column.
- Use the dropdown menu in the control panel.
- Choose the column width for Large desktop, Desktop, Tablet, and Mobile.
Depending on how many columns you want across the page, you can adjust widths accordingly.
Testing Across Devices
It’s important to test how your page behaves on different screen sizes.
You can:
- Drag your browser window smaller and larger
- Check how blocks stack and resize
- Adjust column sizes as needed
You may need to tweak layouts a few times to achieve the best result.
📱 Mobile is the most commonly used device for shopping.
Because of smaller screen sizes, many blocks work best set to Column size ‘full width’ on mobile.
Hiding Blocks on Specific Devices
Sometimes a layout works well on desktop but not on mobile or tablet.
You can hide blocks on specific devices by:
- Selecting the block.
- Clicking the
eyeicon.
- Choosing which device(s) to hide it on.
This allows you to tailor the experience per device.
Alignment
Alignment helps ensure your content looks clean and well-structured.
Select the column block to adjust alignment options.
Vertical Alignment
Controls how blocks sit vertically within the column:
- Top
- Centre
- Bottom
Centre alignment works well when placing text next to images.
Top alignment is often better for blocks like cards where heights may vary.
Horizontal Alignment
Controls how blocks align across the page.
Centre alignment works best in most cases, especially when designing with mobile users in mind, as it keeps content balanced and easy to read.
Spacing
Spacing plays a key role in keeping layouts neat and readable.
When selecting a column block, you can adjust:
Layout Spacing
Controls space above and below the block with the following options:
- None
- Small
- Medium
- Large
This affects the gap between the different sections on the page.
Horizontal Spacing
You can adjust spacing between blocks within a column.
If additional spacing is required:
- Increase the spacing setting
- Add an empty column between blocks
- Hide that empty column on certain devices if needed
This gives you finer control over layout and balance.
Adding More Sections
Once you’ve built your first section:
- Select the whole column block.
- Click the
+icon above or below it.
- Add additional column blocks or content blocks.
- Repeat as needed.
You can continue building section by section until your page is complete.