This article is based on Morweb • 2 min read •

How to Use Content Width

Back to previous page

Browse by Categories

What You’ll Learn

You’ll learn how to use the Content Width tool in Morweb to control the width of page content for a cleaner, more structured layout.

Why It Matters

Content widths help keep your pages looking neat and easy to read. They’re especially useful in full-width sections where you want content (like text or images) to stay within a readable area. Using content widths ensures your site looks professional across all screen sizes.

Step-by-Step Instructions

1. Go to Your Page

https://siteurl.com/site/pages/content

  1. Hover over the top navigation menu.
  2. Click Pages > Content to open the Page Manager.
  3. Click on the page name to open the visual editor.

2. Open the Widget Panel

On the front end of your site, look for the Widget Panel.

3. Select the Layout Section

  1. In the Widget Panel, click the Layout section.
  2. This reveals tools for adjusting the layout, including the Content Width tool.

4. Add a Content Width Sub-template

  1. From the layout widgets, drag Subtemplate into your page.
  2. This subtemplate allows you to define a specific width for content in that section.

5. Adjust the Content Width Settings

  1. After placing the Subtemplate, click on it to open its Options tab.
  2. In the Width dropdown, select your preferred width. Options range from 480px to 1240px. The default is 670px, which is ideal for most text blocks.
  3. Choose a Position:
  4. Center (default): centers content within the section
  5. Left or Right: aligns content to one side

6. Add Content Inside the Width Container

Within the set width area, you can drag and drop:

  • Text blocks
  • Images
  • Buttons
  • Columns
  • Any other widget templates

Troubleshooting Tips

  • Content is stretching too wide

    Check that your Subtemplate is active and properly placed. Make sure a fixed width is selected from the dropdown.

  • Content isn’t centered

    In the Options tab, ensure the Position is set to Center.

  • Content disappears after dragging

    Make sure you're dropping your content inside the Subtemplate, not outside it.

Article Categories:

Article Tags:

Related Articles