How to Set Up the Blogs Section in Maison

Heading:
Our Blog

Description:
From the workshop to the living room — writing on the things we make and why.

Page

Desktop:
60px top
60px bottom

Mobile:
40px top
40px bottom

Desktop: 40px
Mobile: 28px

Default Blogs preset

The default Maison Blogs preset follows this structure:

Blogs
├── Heading
│   └── Our blog
└── Blog list
    └── Blog card
        ├── Cover image
        │   ├── Aspect ratio: 4:3
        │   └── Show date: Enabled
        └── Blog info
            ├── Title
            │   ├── Size: Title 6
            │   └── Maximum rows: 2
            └── Summary

This creates a clean Blog card with:

• Cover image
• Published date
• Blog post title
• Summary

You can add Author date or View more inside Blog info when needed.

How the Blogs section works

Select Blog category
│
└── Blog list retrieves posts
    │
    ├── Apply Maximum articles
    ├── Display as Grid or Carousel
    │
    └── Repeat the configured Blog card
        │
        ├── Cover image
        └── Blog info
            ├── Title
            ├── Author date (optional)
            ├── Summary (optional)
            └── View more (optional)

Recommended setup

For a clean Maison-style Blogs section:

• Select one Blog category.
• Use 3–4 desktop Columns.
• Use 1 Mobile column with Carousel on mobile.
• Use a consistent Cover image Aspect ratio such as 4:3.
• Use Cover image fit for an editorial presentation.
• Limit long Titles to 2 rows.
• Limit Summary rows when consistent Blog card heights are important.
• Add Author date only when metadata is useful.
• Add View more only when you need an additional CTA.
• Keep blog Cover images consistent in composition.
• Test the Blog list on both desktop and mobile.

Notes and limitations

Please note the following behavior:

• One Blog category is selected per Blogs section.
• Each Blogs section supports one Blog list.
• A Blog list supports one Blog card design.
• The Blog card design is reused for all displayed posts.
• Maximum articles supports 1–16 posts.
• Desktop Columns support 1–5.
• Mobile Columns support 1–2.
• Grid and Carousel are available on desktop.
• Carousel on mobile can be configured independently.
• A Blog card supports one Cover image and one Blog info block.
• Blog info supports one Title, Author date, Summary, and View more block each.
• Cover image and Title link directly to the blog post.
• Blog card border and shadow settings are controlled globally under Theme settings > Blog cards.
• The Blogs section cannot be added to Header or custom Overlay groups.

Troubleshooting

If the Blogs section does not display correctly, check the following:

• Make sure a Blog category has been selected.
• Make sure the selected Blog category contains published posts.
• If fewer posts appear than expected, check Maximum articles.
• If desktop carousel arrows do not appear, make sure Layout type is Carousel and the number of posts is greater than the selected Columns value.
• If the Blog list does not swipe on mobile, enable Carousel on mobile.
• Check Columns and Mobile columns if the card layout is incorrect.
• If Cover images crop poorly, adjust the Cover image Aspect ratio or Image fit.
• If a post has no Cover image, Maison displays a placeholder.
• If the publication date is missing from the Cover image, enable Show date.
• If author or date information is missing from Blog info, add Author date and enable the required options.
• If Summary is empty, check that the blog post contains summary data.
• If Blog cards have inconsistent heights, limit the Title and Summary Maximum rows.
• If View more is missing on mobile, check Hide on mobile.
• If the card border or shadow looks different than expected, check Theme settings > Blog cards.
• Save your changes and test the Blog list on both desktop and mobile.

Need Further Assistance

If you encounter any issues or need additional help with your Maison theme, please reach out to our support team via our Ticket System for assistance within 8 hours.