Container Width
Aspect theme features a spacious layout with a posts sidebar and wider content area. The themeβs default widths are carefully chosen to provide comfortable reading while maintaining a prominent posts sidebar.
Default Settings
The theme uses two container widths:
- Regular container (
--container--width
): 700px - Wide container (
--container-wide--width
): 1100px - Posts sidebar (
--post--sidebar--width
): 320px
The regular container is used for the main content, the wide container accommodates full-width elements like images and galleries, and the posts sidebar width controls the size of the adjacent posts list.
Customizing Width
Code Injection is required to add custom CSS.
To modify these widths, youβll need to add custom CSS code.
<style>
body {
/* Increase regular content width to 800px */
--container--width: 800px;
/* Increase wide container width to 1200px */
--container-wide--width: 1200px;
/* Decrease sidebar width to 300px */
--post--sidebar--width: 300px;
}
</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