Center content on modern page in root sitecollection

%3CLINGO-SUB%20id%3D%22lingo-sub-305737%22%20slang%3D%22en-US%22%3ECenter%20content%20on%20modern%20page%20in%20root%20sitecollection%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-305737%22%20slang%3D%22en-US%22%3E%3CP%3EHi%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20have%20used%20Mikael%20Svensons%20recipe%20to%20create%20a%20modern%20welcome%20page%20in%20SPO%20root%20site.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHowever%20the%20content%20is%20left%20aligned%2C%20instead%20of%20center%20aligned%20on%20the%20Modern%20Communications%20Site.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWith%20F12%20tool%2C%20I%20can%20see%20that%20in%20the%20Comminications%20Site%2C%20the%20CanvasZone%20DIV%20has%20class%20CanvasZone--centerAlign%2C%20and%20my%20root%20site%20does%20not.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EDoes%20anyone%20know%20of%20any%20way%20to%20fix%20that%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EMorten%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-305756%22%20slang%3D%22en-US%22%3ERe%3A%20Center%20content%20on%20modern%20page%20in%20root%20sitecollection%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-305756%22%20slang%3D%22en-US%22%3EWe%20are%20getting%20the%20ability%20to%20convert%20the%20root%20site%20collection%20to%20a%20communication%20site%20template%20soon.%20It%20can%20be%20done%20via%20power%20shell%20when%20it%20releases.%20Until%20then%20we%20are%20kind%20of%20stuck%20with%20the%20regular%20page%20template.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-942823%22%20slang%3D%22en-US%22%3ERe%3A%20Center%20content%20on%20modern%20page%20in%20root%20sitecollection%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-942823%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F151271%22%20target%3D%22_blank%22%3E%40Morten%20Pedersen%3C%2FA%3E%26nbsp%3B%20-%20I%20found%20the%20following%20(not%20had%20a%20chance%20to%20follow%20it%20up%20yet%20but%20it%20might%20fix%20the%20same%20width%20issue%20that%20we%20have).%26nbsp%3B%20%3CA%20href%3D%22https%3A%2F%2Fdevscopeninjas.azurewebsites.net%2F2018%2F12%2F28%2Fmake-your-team-site-look-like-a-communication-site%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdevscopeninjas.azurewebsites.net%2F2018%2F12%2F28%2Fmake-your-team-site-look-like-a-communication-site%2F%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Regular Visitor

Hi

 

I have used Mikael Svensons recipe to create a modern welcome page in SPO root site.

 

However the content is left aligned, instead of center aligned on the Modern Communications Site.

 

With F12 tool, I can see that in the Comminications Site, the CanvasZone DIV has class CanvasZone--centerAlign, and my root site does not.

 

Does anyone know of any way to fix that?

 

Morten

2 Replies
We are getting the ability to convert the root site collection to a communication site template soon. It can be done via power shell when it releases. Until then we are kind of stuck with the regular page template.

@Morten Pedersen  - I found the following (not had a chance to follow it up yet but it might fix the same width issue that we have).  https://devscopeninjas.azurewebsites.net/2018/12/28/make-your-team-site-look-like-a-communication-si...