Allow changing the width of columns when adding sections to a Modern Page
Looks like you can't change columns' width when creating a new section in a Modern Page. Being able to chage it would be very useful. My classic page, for example, has a section containing 3 columns, where the first and last ones have their width set to 25%, while the central one has width set to 50%. In Modern Pages, I can only have 3 columns with the same width, 33% in this case.

Thanks you for the suggestion. We’ve discussed adding additional column layout options (e.g. 4 columns, the specific example provided by the initial suggester 25/50/25, etc.) If we wanted to keep pages consistent (so there aren’t 50 layouts), but allow additional flexibility, what would be the next three layout choices you’d add? Thanks!
57 comments
-
Post commented
still no freedom for you users? we have to do what you want?
-
Susan Easton commented
4 columns with ability to set %.
-
Amy R commented
4 columns and the ability to make column % whatever we want.
-
Gregg M commented
To Site Product Team. If you added just the 4 column, and the 25/50/25, that would be enough in my humble opinion.
-
Gregg M commented
There is a way to do a 25-50-25 layout.
1. Edit the page and go to Section Layout
2. Add a Vertical Section
3. Change your page layout to One-Third Left columnThis gives you a smaller column on the right and left, and a larger column ~50% in the middle. This also expands the sections so that it uses more of the screen. Less white space on left and right sides.
The disadvantage here is that the "Vertical Section" goes all the way down the page, regardless of how many additional sections you have.
Not ideal, but it works.
-
Fabian Medina commented
4 columns.
Allowing ability to set % would be great too. -
Gregg M commented
25-50-25
-
Anonymous commented
I would say having the 4 columns layout would be great. Then allowing custom widths in 2 and 3 column layouts. I suspect the knock on effect is that web part behaviour will have to be updated to match the column widths which is probably what you are dreading having to do.
-
Gregg M commented
This is a big one for my team too. We would love to see the 25/50/25 layout.
-
EP commented
Hi,
By not allowing me to change column width or change the background color on two columns, you prevent me from creating visual separations which are necessary so my users can find what then need.
How can I change the background color on a column, or change the column width?
-
Anonymous commented
Please have 4 columns layout option.
-
Anonymous commented
I have just come across this! I would appreciate being able to manually adjust the column widths when using 2 or 3 column formats.
-
Tom Burke commented
To respond to MS's response to this, it's not about what layout choices are provided, it's about being able to specify the actual widths of the columns ourselves, e.g.: "10%, 15%, 50%, 25%". Responsive design is important but sometimes these kinds of customizations are necessary, especially given the excessive whitespace in Modern pages.
-
Anonymous commented
Please please enable facility to have at least 4 columns. 3 is not enough
-
Anonymous commented
25-25-25-25,
set custom width
+
nesting sections -
Karen Poquette commented
25-25-25-25
20-20-20-20
25-50-25 -
Anonymous commented
25-25-25-25
nesting sections would be a gamechanger -
Lily Ashikova commented
25-25-25-25
25-50-25
50-25-25Would nesting a section in already created column be an option?
-
Prem Rai commented
25-50-25
-
Jared Pittman commented
Just ran into a situation where 4 columns are needed