How to have blocks of different width in the content region?

Hello,

To achieve this without writing any code:

1. Navigate to Global Site > Theme settings, and set the layout width to 100%.
2. Download and install the Paragraphs Bundles → module.
3. You can add a paragraph field to any content type and begin using any of the available bundles.
4. Each bundle includes a configurable maximum width, ranging from 300px to 1000px.
5. Alternatively, if you prefer not to modify an existing content type, install the Paragraph Bundle Content bundle.
6. This provides a dedicated content type designed specifically for the Solo theme, with built-in width settings.

If you'd rather apply this using CSS:
1- Override the site's width variable by targeting the #page-wrapper element:

#page-wrapper {
  --solo-width: 100%;
}

2- Control the maximum width of full node content using the following rule:

#page-wrapper .node.node--view-mode-full .node__content {
  max-width: 1080px;
  margin: 0 auto;
}

This ensures the content is centered and constrained within a specified width, while the overall layout still respects the 100% setting.

Best wishes,
Alaa

Thank you so much!

You are welcome!

Automatically closed - issue fixed for 2 weeks with no activity.