Ultra wide Modern SharePoint homepage with CEWP+CSS
Microsoft offers “Full Width Section” with only 3 web parts.
Want to add more? Any web part? To Full Width Section then watch here step by step.
1) PNP add site App Catalog
2) Upload Modern CEWP
3) Apply HTML with CSS selector to reduce left and right blank space
Cheers
Source code at GitHub repo https://github.com/spjeff/office365/tree/master/spo-modern-CEWP-wide-CSS
VIDEO
REFERENCES
- https://spjsblog.com/modern-cewp/
- https://www.c-sharpcorner.com/blogs/how-to-create-a-fullwidth-section-in-a-sharepoint-online-page
- https://techcommunity.microsoft.com/t5/sharepoint/unable-to-create-full-width-section/m-p/3946577
- https://learn.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/basics/use-web-parts-full-width-column
That is great! Thank you for the instruction and your work!
I can’t believe how things are not so easy witn modern sharepoint 😀
As everyone has said, this is awesome. I do have one question, when I add a picture for a background, the screen returns back to the original size with the huge margins…why is that? What do I need to do to be able to use an image as a background? Even with the out-of-the-box section settings, when I go to the “Design” tab and select a standard background, the CSS no longer works…it only works with changing the “Theme colors”. Any insight?