Title: Change container width in 2021 theme Last modified: December 10, 2020 --- # Change container width in 2021 theme * Resolved [raachotrekkers](https://wordpress.org/support/users/raachotrekkers/) * (@raachotrekkers) * [5 years, 6 months ago](https://wordpress.org/support/topic/change-container-width-2/) * Hi, * How can I change the width of the content container. It is too narrow in 2021 theme. * I want to change it to side-wide [for my travel blog](https://raachotrekkers.com/) * Please help. * Thanks. - This topic was modified 5 years, 6 months ago by [raachotrekkers](https://wordpress.org/support/users/raachotrekkers/). - This topic was modified 5 years, 6 months ago by [raachotrekkers](https://wordpress.org/support/users/raachotrekkers/). * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fchange-container-width-2%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 13 replies - 1 through 13 (of 13 total) * [tinerama](https://wordpress.org/support/users/tinerama/) * (@tinerama) * [5 years, 6 months ago](https://wordpress.org/support/topic/change-container-width-2/#post-13771586) * Thanks!!! - This reply was modified 5 years, 6 months ago by [tinerama](https://wordpress.org/support/users/tinerama/). * Thread Starter [raachotrekkers](https://wordpress.org/support/users/raachotrekkers/) * (@raachotrekkers) * [5 years, 6 months ago](https://wordpress.org/support/topic/change-container-width-2/#post-13772685) * Is it doable without a plugin? * Moderator [James Huff](https://wordpress.org/support/users/macmanx/) * (@macmanx) * [5 years, 6 months ago](https://wordpress.org/support/topic/change-container-width-2/#post-13773228) * There is a ton of variable width work in the theme, which makes overriding this via simple CSS very difficult and possibly incompatible with the theme’s responsive nature. * As someone who loves directly tinkering with themes myself, I strongly recommend using the plugin recommended above. * Thread Starter [raachotrekkers](https://wordpress.org/support/users/raachotrekkers/) * (@raachotrekkers) * [5 years, 6 months ago](https://wordpress.org/support/topic/change-container-width-2/#post-13774764) * Okay, thanks. * [Oliver Campion](https://wordpress.org/support/users/domainsupport/) * (@domainsupport) * [5 years, 6 months ago](https://wordpress.org/support/topic/change-container-width-2/#post-13775789) * As James says, it’s not straight forward! That being said, if you really want to get your hands dirty with your own CSS, this is what you want … * ``` @media only screen and (min-width: 482px) { :root { --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px); } } @media only screen and (min-width: 822px) { :root { --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px); } } ``` * The “–responsive–aligndefault-width” variable is then used to set the max-width of the “aligndefault” blocks. So increasing the “610px” to your desired max-width amount will do what you require. * Hope that helps 🙂 * Oliver * [Jonas](https://wordpress.org/support/users/elbsegler/) * (@elbsegler) * [5 years, 6 months ago](https://wordpress.org/support/topic/change-container-width-2/#post-13776088) * thank you * [artstudent](https://wordpress.org/support/users/artstudent/) * (@artstudent) * [5 years, 1 month ago](https://wordpress.org/support/topic/change-container-width-2/#post-14404339) * hey [@macmanx](https://wordpress.org/support/users/macmanx/) I’m also trying to do full width. * Do you still recommend the ‘Options for Twenty Twenty-One’ vs, say, group block set to full or twentig? * I’m totally lost after hours of messing around, and figure you probably are the best personto ask. * Moderator [James Huff](https://wordpress.org/support/users/macmanx/) * (@macmanx) * [5 years, 1 month ago](https://wordpress.org/support/topic/change-container-width-2/#post-14404680) * If the block you’re using supports full width (not all do), go with that. * Otherwise, use [https://wordpress.org/plugins/options-for-twenty-twenty-one/](https://wordpress.org/plugins/options-for-twenty-twenty-one/) * [jesseroads](https://wordpress.org/support/users/jesseroads/) * (@jesseroads) * [4 years, 11 months ago](https://wordpress.org/support/topic/change-container-width-2/#post-14657211) * Hello, I’d love some help, if you have the time! I’ve struggled for the last four hours to make my blocks full-width in twenty twenty-one. I’ve used my own knowledge of CSS, tried using the plugins mentioned above, used many kinds of blocks, but nothing is working. I don’t have any pluggins that are obviously interferring. I am using the “stackables” plugin, which should play just fine with the theme. The site is `herbscript.net` Of course, I am choosing “full-width” in the alignment selector. Any thoughts appreciated! Best Regards. * Moderator [James Huff](https://wordpress.org/support/users/macmanx/) * (@macmanx) * [4 years, 11 months ago](https://wordpress.org/support/topic/change-container-width-2/#post-14657722) * Since Stackable controls the layout, I recommend asking at [https://wordpress.org/support/plugin/stackable-ultimate-gutenberg-blocks/](https://wordpress.org/support/plugin/stackable-ultimate-gutenberg-blocks/) so the plugin’s developers and support community can help you with this. * Also, in the future, please open your own thread instead of jumping into someone else’s 7-month-old thread. * [jesseroads](https://wordpress.org/support/users/jesseroads/) * (@jesseroads) * [4 years, 11 months ago](https://wordpress.org/support/topic/change-container-width-2/#post-14661133) * Will do, thanks * [msheasby](https://wordpress.org/support/users/msheasby/) * (@msheasby) * [4 years, 8 months ago](https://wordpress.org/support/topic/change-container-width-2/#post-14949613) * I created an account just to say, * 1. I had this same need * 2. The plug was very helpful, thank you for pointing it out * 3. shame on wordpress for publishing something where the only way to fix this basic is to either horse around in CSS or install a plugin. Appalling. * Moderator [James Huff](https://wordpress.org/support/users/macmanx/) * (@macmanx) * [4 years, 8 months ago](https://wordpress.org/support/topic/change-container-width-2/#post-14952948) * Just to answer to point 3 you made, the concept of the default theme is to provide an easy out-of-the-box theme for folks just starting out. * We don’t want folks paralyzed (or abandoning WordPress) by encountering too many choices right when they start. * Excellent developers like Oliver usually make some great plugins to extend the default themes, and there are of course thousands of other themes to choose from. Viewing 13 replies - 1 through 13 (of 13 total) The topic ‘Change container width in 2021 theme’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/twentytwentyone/2.8/screenshot. png) * Twenty Twenty-One * [Support Threads](https://wordpress.org/support/theme/twentytwentyone/) * [Active Topics](https://wordpress.org/support/theme/twentytwentyone/active/) * [Unresolved Topics](https://wordpress.org/support/theme/twentytwentyone/unresolved/) * [Reviews](https://wordpress.org/support/theme/twentytwentyone/reviews/) ## Tags * [container width](https://wordpress.org/support/topic-tag/container-width/) * 13 replies * 8 participants * Last reply from: [James Huff](https://wordpress.org/support/users/macmanx/) * Last activity: [4 years, 8 months ago](https://wordpress.org/support/topic/change-container-width-2/#post-14952948) * Status: resolved