how to apply branding to modern team site and apply said branding to another site?

%3CLINGO-SUB%20id%3D%22lingo-sub-47729%22%20slang%3D%22en-US%22%3Ehow%20to%20apply%20branding%20to%20modern%20team%20site%20and%20apply%20said%20branding%20to%20another%20site%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-47729%22%20slang%3D%22en-US%22%3E%3CP%3EGood%20day%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAs%20the%20topic%20state%20I%20am%20tring%20to%20figure%20out%20how%20i%20can%20apply%20branding%20to%20a%20modern%20team%20site%2C%20and%20can%20the%26nbsp%3Bpowershell%20command%20below%20be%20used%20to%20get%20apply%20said%20branding%26nbsp%3Bto%20another%20modern%20teamsite%3C%2FP%3E%3CP%3E%3CSTRONG%3EApply-PnPProvisioningTemplate%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ealso%20can%20we%20use%20the%20extension%20methods%20provided%20by%20OfficeDevPnP.Core%20to%20do%20the%20same%20for%20a%20modern%20teamsite%3C%2FP%3E%3CP%3E%3CSTRONG%3Eweb.ApplyProvisioningTemplate(template%2C%20ptai)%3B%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-47836%22%20slang%3D%22en-US%22%3ERe%3A%20how%20to%20apply%20branding%20to%20modern%20team%20site%20and%20apply%20said%20branding%20to%20another%20site%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-47836%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1803%22%20target%3D%22_blank%22%3E%3CFONT%20color%3D%22%230066cc%22%3E%40Paul%20Pascha%3C%2FFONT%3E%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECan%20I%20suggest%20you%20look%20at%20Bert%20Jansen's%20demo%20at%20the%20PnP-Core%20Sig%20today.%26nbsp%3B%20It%20shows%20how%20to%20do%20a%20number%20of%20things%20with%20Modern%20team%20sites.%26nbsp%3B%20The%20webcast%20should%20be%20here%20tomorrow%20-%26gt%3B%20%3CA%20href%3D%22https%3A%2F%2Fwww.youtube.com%2Fchannel%2FUC_mKdhw-V6CeCM7gTo_Iy7w%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.youtube.com%2Fchannel%2FUC_mKdhw-V6CeCM7gTo_Iy7w%3C%2FA%3E%20The%20code%20is%20already%20in%20the%20dev%20branch%20of%20the%20PnP-Core%20repository.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ERegards%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ENigel%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-47822%22%20slang%3D%22en-US%22%3ERe%3A%20how%20to%20apply%20branding%20to%20modern%20team%20site%20and%20apply%20said%20branding%20to%20another%20site%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-47822%22%20slang%3D%22en-US%22%3E%3CP%3EYou%20are%20correct%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1803%22%20target%3D%22_blank%22%3E%40Paul%20Pascha%3C%2FA%3E%26nbsp%3Bsee%20here%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fmsdn.microsoft.com%2Fen-us%2Fpnp_articles%2Fmodern-experience-customizations-customize-pages%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fmsdn.microsoft.com%2Fen-us%2Fpnp_articles%2Fmodern-experience-customizations-customize-pages%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-47816%22%20slang%3D%22en-US%22%3ERe%3A%20how%20to%20apply%20branding%20to%20modern%20team%20site%20and%20apply%20said%20branding%20to%20another%20site%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-47816%22%20slang%3D%22en-US%22%3E%3CP%3EI'm%20note%20sure.%20I%20thought%20I've%20read%20somewhere%20Alternate%20CSS%20isn't%20loaded%20for%20modern%20team%20sites.%20Can't%20find%20where%20I've%20read%20that%20though...%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EEdit%3A%20I've%20just%20tried%20setting%20an%20alternate%20CSS%20for%20one%20of%20my%20modern%20team%20sites.%20I%20can%20still%20set%20it%20(programmatically)%20but%20it%20is%20not%20loaded%20in%20the%20rendered%20page.%20I%20guess%20the%20control%20previously%20responsible%20for%20rendering%20it%20is%20not%20included%20in%20the%20modern%20team%20site%20pages%20anymore.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-47810%22%20slang%3D%22en-US%22%3ERe%3A%20how%20to%20apply%20branding%20to%20modern%20team%20site%20and%20apply%20said%20branding%20to%20another%20site%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-47810%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1803%22%20target%3D%22_blank%22%3E%40Paul%20Pascha%3C%2FA%3E%26nbsp%3Bdoes%20the%20alternate%20css%20not%20work%20in%20the%20modern%20look%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-47785%22%20slang%3D%22en-US%22%3ERe%3A%20how%20to%20apply%20branding%20to%20modern%20team%20site%20and%20apply%20said%20branding%20to%20another%20site%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-47785%22%20slang%3D%22en-US%22%3E%3CP%3ECurrently%20the%20only%20supported%20way%20for%20branding%20modern%20team%20sites%20are%20through%20custom%20themes.%20The%20article%20below%20describes%20all%20supported%20modern%20team%20site%20customizations%20(among%20which%20is%20Branding)%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmsdn.microsoft.com%2Fen-us%2Fpnp_articles%2Fmodern-experience-customizations-customize-sites%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fmsdn.microsoft.com%2Fen-us%2Fpnp_articles%2Fmodern-experience-customizations-customize-sites%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAs%20far%20as%20I%20know%20you%20should%20be%20able%20to%20use%26nbsp%3BApply-PnPProvisioningTemplate%20or%20Web.ApplyProvisioningTemplate%20against%20a%20modern%20team%20site%20to%20apply%20your%20custom%20theme.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Contributor

Good day,

 

As the topic state I am tring to figure out how i can apply branding to a modern team site, and can the powershell command below be used to get apply said branding to another modern teamsite

Apply-PnPProvisioningTemplate

 

also can we use the extension methods provided by OfficeDevPnP.Core to do the same for a modern teamsite

web.ApplyProvisioningTemplate(template, ptai);

 

 

 

 

Thanks

5 Replies
Highlighted

Currently the only supported way for branding modern team sites are through custom themes. The article below describes all supported modern team site customizations (among which is Branding)

 

https://msdn.microsoft.com/en-us/pnp_articles/modern-experience-customizations-customize-sites

 

As far as I know you should be able to use Apply-PnPProvisioningTemplate or Web.ApplyProvisioningTemplate against a modern team site to apply your custom theme.

 

 

Highlighted

@Paul Pascha does the alternate css not work in the modern look?

Highlighted

I'm note sure. I thought I've read somewhere Alternate CSS isn't loaded for modern team sites. Can't find where I've read that though... 

 

Edit: I've just tried setting an alternate CSS for one of my modern team sites. I can still set it (programmatically) but it is not loaded in the rendered page. I guess the control previously responsible for rendering it is not included in the modern team site pages anymore.

Highlighted

Hi @Paul Pascha

 

Can I suggest you look at Bert Jansen's demo at the PnP-Core Sig today.  It shows how to do a number of things with Modern team sites.  The webcast should be here tomorrow -> https://www.youtube.com/channel/UC_mKdhw-V6CeCM7gTo_Iy7w The code is already in the dev branch of the PnP-Core repository.

 

Regards

 

Nigel