How to add subsection with an section in sharepoint online modern page

sowjanya venkatagiri

6y4.7k

Hi Everyone,

I am new to sharepoint online brarnding team site.

How to add subsection with an section in sharepoint online team site or communication site.

Thank you,

Sowjanya.

10 Replies

Know the answer? Post it — somebody with the same question will find it here.

Vikas Jha6y ago
Accepted answer
Hey with SPFx u can create it but it will require to understand the code, then learn , develop and then implement. It will be time taking.
How about the below solution of adding Image gallery then using different layout or even you can make carousel out of it. I am sharing below options , if it help accept it as a solution.
Grid
Carousel from same Image gallery
Please let me know if you require any more help , if it fits ur requirement.
+2
Vikas Jha6y ago
Yes I will share it with you, in between can you post new question with same requirment , I will reply to that as it is hard to keep track of our conversation.
+2
sowjanya venkatagiri6y ago
Hi Vikas,
You are great Vikas.
Thank you so much for your help .
I never done application customizer before is there any youtube link to follow.It would be great help.
I am new to brading in sharepoint online pages.

Thank you so much.
Sowjanya.
+3
Vikas Jha6y ago
Hi sowjanya,

For last queries, you can create application customizer to load your custom CSS into your site and in you custom css .
You add below code to hide sharepoint and waffel menu.
div#O365_HeaderLeftRegion {
    display: none !important;
}
div#O365_SuiteBranding_container {
    display: none !important;
}
Next to make title center , you can add the code in custom css or same to increase the size.
---------
If you want to go for OOB , then u need to enable the publishing feature .
1. Create a .css file and add all the code into that file.
2. Upload it into the document library and navigate to site setting-> Master Page.
3. Expand Alternate URL and browse to the css file you have stored in the document library.
4. Click ok. and you can see the change
+2
Vikas Jha6y ago
Hi sowjanya,

Thanks for reply, I will look and let you know the solution about other question. In between Please accept the previous response as a solution to your first question.
+2
sowjanya venkatagiri6y ago
Thank You Vikas,
It will try to use image gallery .
and is it possible to get the header to center and change the size of logo as show below screen shot.

And also need to hide

Thank you,
Sowjanya.
+3
sowjanya venkatagiri6y ago
Hi Vikas,

Thank you so much for your quick reply.

Is there any reference link for custom solution (spfx) to add 5 th and 6 column .

Mostly i am going to add images in that .

Thank you,
Sowjanya.
+3
Vikas Jha6y ago
I think, with default page layout, you can only select from the available layouts. But if you want to 5, 6 columns then you can try to have custom solution (SPFx) and add 1 table having 6 rows but that depends on what you are going to add into these sections.
+2
sowjanya venkatagiri6y ago
Hi Vikas,

Please find my requirement below.
i am using communication site in sharepoint online.

as shown in above screen shot i am able to add only 3 scetions layouts in the arrows shown i need 4 to 5 section layouts

To create this i am using sections in that i am able to see only

Is there any option to add 4 section layouts.
Please let me know how i can proceed .

Thank you,
Sowjanya.
+3
Vikas Jha6y ago
Hi sowjanya

Cab you please add more details about the requirment. What I understand you want to Create Section and Subsection so you can added SPFx webpart to meet this requirement.
Please Share More details on this , so that I can suggest some OOB if possible.
+2