SOLVED

EDIT OR CUSTOMIZE SHAREPOINT MODERN PAGES

%3CLINGO-SUB%20id%3D%22lingo-sub-173539%22%20slang%3D%22en-US%22%3EEDIT%20OR%20CUSTOMIZE%20SHAREPOINT%20MODERN%20PAGES%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-173539%22%20slang%3D%22en-US%22%3E%3CP%3EHi%2C%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EIs%20it%20possible%20for%20me%20to%20edit%20or%20customize%20SharePoint%20modern%20pages.%3CBR%20%2F%3EIf%20yes%2C%20how%20can%20I%20do%20it%20or%20any%20tutorials%20that%20I%20can%20learn%20from%20%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-176256%22%20slang%3D%22en-US%22%3ERe%3A%20EDIT%20OR%20CUSTOMIZE%20SHAREPOINT%20MODERN%20PAGES%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-176256%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20Robert%2C%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThanks%20for%20the%20response%20as%20well.%3CBR%20%2F%3E%3CBR%20%2F%3EI%20am%20already%20looking%20into%20SPFx%2C%20I%20am%20new%20to%20SharePoint%20especially%20on%20the%20Development%20side%2C%20the%20resources%20are%20quite%20helpful.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-174420%22%20slang%3D%22en-US%22%3ERe%3A%20EDIT%20OR%20CUSTOMIZE%20SHAREPOINT%20MODERN%20PAGES%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-174420%22%20slang%3D%22en-US%22%3E%3CP%3EThe%20link%20describe%20the%20branding%20options%20for%20classic%20sites.%20Modern%20site%20cannot%20(yet)%20be%20branded%20as%20asked%20by%20Cyro.%20The%20only%20option%20you%20have%20at%20the%20moment%20is%20to%20apply%20a%20custom%20theme.%20This%20will%20give%20you%20the%20option%20to%20have%20custom%20colours.%20This%20is%20described%20here%3A%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FSharePoint-Blog%2FNew-site-theming-options-for-SharePoint-sites-in-Office-365%2Fba-p%2F94001%26nbsp%3B%22%20target%3D%22_blank%22%3Ehttps%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FSharePoint-Blog%2FNew-site-theming-options-for-SharePoint-sites-in-Office-365%2Fba-p%2F94001%26nbsp%3B%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EAnd%20here%3A%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdev.office.com%2Fblogs%2Fcustom-themes-with-modern-sharepoint-sites%26nbsp%3B%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdev.office.com%2Fblogs%2Fcustom-themes-with-modern-sharepoint-sites%26nbsp%3B%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EYou%20could%20use%20SPFx%20extensions%20in%20order%20to%20create%20custom%20menus%20or%20other%20customisations.%20This%20can%20be%20found%20here%3A%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fspfx%2Fextensions%2Foverview-extensions%26nbsp%3B%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fspfx%2Fextensions%2Foverview-extensions%26nbsp%3B%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EAdding%20a%20custom%20css%20is%20not%20a%20default%20option%20at%20the%20moment.%20If%20you%20want%20to%20really%20brand%20your%20site%20in%20a%20custom%20way%2C%20the%20classic%20sites%20with%20publishing%20option%20is%20the%20way%20to%20go.%20I%20would%20encourage%20you%20to%20look%20into%20the%20Modern%20sites%20though%2C%20because%20that's%20the%20future.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-173560%22%20slang%3D%22en-US%22%3ERe%3A%20EDIT%20OR%20CUSTOMIZE%20SHAREPOINT%20MODERN%20PAGES%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-173560%22%20slang%3D%22en-US%22%3E%3CP%3EThat%20kind%20of%20customizations%20are%20all%20described%20here%3A%3C%2FP%3E%0A%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fsolution-guidance%2Fsharepoint-site-branding-and-page-customization-solutions%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fsolution-guidance%2Fsharepoint-site-branding-and-page-customization-solutions%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-173557%22%20slang%3D%22en-US%22%3ERe%3A%20EDIT%20OR%20CUSTOMIZE%20SHAREPOINT%20MODERN%20PAGES%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-173557%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20Peter%2C%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThanks%20for%20the%20prompt%20response.%3C%2FP%3E%0A%3CP%3EYes%20the%20information%20you%20have%20provided%20does%20help%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EI%20also%20want%20to%20find%20out%20about%20how%20I%20can%20Brand%20the%20Modern%20site%20or%20page%2C%20with%20custom%20CSS%2C%20change%20background-colors%2C%20menu%20styles%2C%20font-family%20styles%2C%20add%20images%20and%20background%20images%20etc%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-173542%22%20slang%3D%22en-US%22%3ERe%3A%20EDIT%20OR%20CUSTOMIZE%20SHAREPOINT%20MODERN%20PAGES%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-173542%22%20slang%3D%22en-US%22%3E%3CP%3EModern%20site%20customization%20options%20are%20detailed%20in%20the%20articles%20found%20here%3A%3C%2FP%3E%0A%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fsolution-guidance%2Fmodern-experience-customizations%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fsolution-guidance%2Fmodern-experience-customizations%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3ECustomizing%20modern%20pages%20specifically%20is%20described%20here%3A%3C%2FP%3E%0A%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fsolution-guidance%2Fmodern-experience-customizations-customize-pages%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fsolution-guidance%2Fmodern-experience-customizations-customize-pages%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EHope%20this%20helps!%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Occasional Contributor

Hi,

 

Is it possible for me to edit or customize SharePoint modern pages.
If yes, how can I do it or any tutorials that I can learn from ?

5 Replies
Highlighted
Best Response confirmed by Juan Carlos González Martín (MVP)
Solution

Modern site customization options are detailed in the articles found here:

https://docs.microsoft.com/en-us/sharepoint/dev/solution-guidance/modern-experience-customizations

 

Customizing modern pages specifically is described here:

https://docs.microsoft.com/en-us/sharepoint/dev/solution-guidance/modern-experience-customizations-c...

 

Hope this helps!

Highlighted

Hi Peter,

 

Thanks for the prompt response.

Yes the information you have provided does help

 

I also want to find out about how I can Brand the Modern site or page, with custom CSS, change background-colors, menu styles, font-family styles, add images and background images etc

Highlighted
Highlighted

The link describe the branding options for classic sites. Modern site cannot (yet) be branded as asked by Cyro. The only option you have at the moment is to apply a custom theme. This will give you the option to have custom colours. This is described here:

 

https://techcommunity.microsoft.com/t5/SharePoint-Blog/New-site-theming-options-for-SharePoint-sites...

 

And here:

 

https://dev.office.com/blogs/custom-themes-with-modern-sharepoint-sites 

 

You could use SPFx extensions in order to create custom menus or other customisations. This can be found here:

 

https://docs.microsoft.com/en-us/sharepoint/dev/spfx/extensions/overview-extensions 

 

Adding a custom css is not a default option at the moment. If you want to really brand your site in a custom way, the classic sites with publishing option is the way to go. I would encourage you to look into the Modern sites though, because that's the future.

Highlighted

Hi Robert,

 

Thanks for the response as well.

I am already looking into SPFx, I am new to SharePoint especially on the Development side, the resources are quite helpful.