Container Width

Thesis theme features a unique three-column layout with navigation and posts list sidebars. The main content area is purposefully designed with a moderate width to create a balanced reading experience alongside the sidebars.

Default Settings

The theme uses two container widths:

• Regular container (--container--width): 580px
• Wide container (--container-wide--width): 780px

The regular container is used for most content, while the wide container is applied to certain elements like images and galleries for better visual impact.

Customizing Container Width

To modify these widths, you’ll need to add custom CSS code.

<style>
  body {
    /* Increase regular container width to 640px */
    --container--width: 640px;
 
    /* Increase wide container width to 840px */
    --container-wide--width: 840px;
  }
</style>

You can adjust these values to any width that works for your content. Just remember to maintain a reasonable reading width for optimal user experience.

Tips

• Keep readability in mind - extremely wide containers can make text harder to read
• Test your changes across different screen sizes
• The wide container should typically be larger than the regular container
• Use pixels (px) for precise control