SOLVED
Home

SharePoint Online Communication Site-Not able to remove the white-space on the left

%3CLINGO-SUB%20id%3D%22lingo-sub-329435%22%20slang%3D%22en-US%22%3ESharePoint%20Online%20Communication%20Site-Not%20able%20to%20remove%20the%20white-space%20on%20the%20left%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-329435%22%20slang%3D%22en-US%22%3E%3CP%3E%3CSPAN%3EI%20am%20using%20a%20One-third%20right%20column%20layout%20and%20all%20the%20webparts%20appear%20to%20be%20centrally%20aligned%20when%20viewed%20on%20an%20average%20size%20monitor.%20This%20leaves%20a%20noticeable%20white-space%20on%20the%20left.%20Is%20there%20any%20way%20that%20can%20be%20removed%3F%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20234px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F71723iCCCB0CAB302063B5%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22MJFF.PNG%22%20title%3D%22MJFF.PNG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EI%20tried%20using%20CSS%20and%20adjusting%20the%20layout%20of%20the%20columns%20but%20in%20vain%3C%2FP%3E%3CPRE%3E%20%20%20%20%3CSPAN%20class%3D%22pun%22%3E.%3C%2FSPAN%3E%3CSPAN%20class%3D%22typ%22%3ESPCanvas%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%7B%3C%2FSPAN%3E%3CSPAN%20class%3D%22pln%22%3E%20margin%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E-%3C%2FSPAN%3E%3CSPAN%20class%3D%22pln%22%3Eleft%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%3A%3C%2FSPAN%3E%3CSPAN%20class%3D%22lit%22%3E0px%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%3B%3C%2FSPAN%3E%3CSPAN%20class%3D%22pln%22%3E%20%20%20%20margin%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E-%3C%2FSPAN%3E%3CSPAN%20class%3D%22pln%22%3Etop%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%3A%3C%2FSPAN%3E%3CSPAN%20class%3D%22lit%22%3E0px%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%3B%3C%2FSPAN%3E%3CSPAN%20class%3D%22pln%22%3Epadding%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%3A%3C%2FSPAN%3E%3CSPAN%20class%3D%22lit%22%3E0px%3C%2FSPAN%3E%20%3CSPAN%20class%3D%22pun%22%3E!%3C%2FSPAN%3E%3CSPAN%20class%3D%22pln%22%3Eimportant%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%3B%3C%2FSPAN%3E%0A%3CSPAN%20class%3D%22pun%22%3E%7D%3C%2FSPAN%3E%3C%2FPRE%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-329435%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ECommunication%20Site%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EWhite-space%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-329489%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20Online%20Communication%20Site-Not%20able%20to%20remove%20the%20white-space%20on%20the%20left%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-329489%22%20slang%3D%22en-US%22%3EUnfortunately%20you%20cannot%20remove%20any%20white%20spaces%20you%20see%20in%20the%20section%20layout%20of%20a%20modern%20page...this%20is%20just%20by%20design.%20Trying%20to%20add%20CSS%20is%20not%20going%20to%20work%20either%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-329500%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20Online%20Communication%20Site-Not%20able%20to%20remove%20the%20white-space%20on%20the%20left%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-329500%22%20slang%3D%22en-US%22%3E%3CP%3EWhite%20space%20isn't%20always%20a%20bad%20thing!%20Here's%20a%20great%20post%20about%20why%20the%20modern%20sites%20have%20some%20extra%20white%20space.%26nbsp%3B%3CA%20href%3D%22http%3A%2F%2Fwarner.digital%2Fmodern-sharepoint-pages-layouts-and-whitespace%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttp%3A%2F%2Fwarner.digital%2Fmodern-sharepoint-pages-layouts-and-whitespace%2F%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Ricky Raghavan
Occasional Contributor

I am using a One-third right column layout and all the webparts appear to be centrally aligned when viewed on an average size monitor. This leaves a noticeable white-space on the left. Is there any way that can be removed?

 

MJFF.PNG

I tried using CSS and adjusting the layout of the columns but in vain

    .SPCanvas{ margin-left:0px;    margin-top:0px;padding:0px !important;
}
2 Replies
Solution
Unfortunately you cannot remove any white spaces you see in the section layout of a modern page...this is just by design. Trying to add CSS is not going to work either

White space isn't always a bad thing! Here's a great post about why the modern sites have some extra white space. http://warner.digital/modern-sharepoint-pages-layouts-and-whitespace/

 

Related Conversations
Tabs and Dark Mode
cjc2112 in Discussions on
50 Replies
Extentions Synchronization
Deleted in Discussions on
3 Replies
Stable version of Edge insider browser
HotCakeX in Discussions on
35 Replies
How to Prevent Teams from Auto-Launch
chenrylee in Microsoft Teams on
32 Replies
Security Community Webinars
Valon_Kolica in Security, Privacy & Compliance on
15 Replies
Discussion - Updating our interface with Fluent touches
Elliot Kirk in Discussions on
102 Replies