🚀 Introducing Our New Slack HR Bot: Effortlessly Track Attendance Within Slack! - Learn More

How to Add Multiple Section in Elementor

How to Add Multiple Section in Elementor

Looking to add multiple sections in elementor? The Section and Inner Section widget are used to create nested columns within a section. This way you can create complex layouts.

Here, I will show you the easiest way to create Sections in Elementor so let’s get into it.

What is a section and how to add it?

In Elementor to add your desired elements into the template, you must put them into a wrapper box called Section.

How to add it?

Create a Page and Add a new section to the Page 

To Create a page go to the WordPress dashboard > pages > add new

After the page is created it’s time to add a section to it. To Add the Section Click on the ‘ + ’ Icon.

add new section click on the plus icon

Now select any structure you like according to your need. We are choosing the plain one for now.

After that click on the Edit Section icon in the section which brings up the edit section pane to the left.

Adding Multiple Sections

To add multiple sections we are going to use the Inner Section Widget from Elementor. Search and select the inner section widget from the menu bar on the left-hand side of your screen then drag and drop it in the selected area.

Customize the Section Widget

As a default, you will get a section with two columns. You can add or remove columns by right-clicking the columns handle icon

Note: You can drag and drop the Inner Section widget to any column on your page, but it cannot be used within another Inner Section.

Sections can be manipulated and styled either via the options in the Elementor Panel on the left or by right-clicking the Section handle and choosing from the context menu that pops up. 

Right-Click Options

If you wish to duplicate a section, right-click a section handle and choose Duplicate from the context menu. You can also copy and paste a section elsewhere using Copy and Paste options here, or you can copy and paste only the style (without the content) from one section to another. Click Save as Template to save the section as a template that can be inserted anywhere later. Clicking Navigator here will open the Navigator already set to that particular section. And of course, clicking Delete here will delete the section.

Edit Section

If you click Edit Section, the column’s options will be displayed in the Elementor Panel to the left with all of the following options available to you.

Layout

Content Width: Set the Content Width to Boxed or Full Width. When choosing Boxed – use the slider to set your width

Columns Gap: Set your Columns Gap

Height: Choose between Fit to Screen: Your section will fill the screen, and Min Height: Set a Min Height, and use the slider to set your section height

Vertical Align: Set your Section content’s vertical alignment

Overflow: Select how to handle content that overflows its container. Default allows the overflow. Select Hidden to hide the overflowing content.

Stretch Section: Force the Section to stretch to the full width of the page

HTML Tag: Set an HTML Tag for your section. 

Style the Section Widget

In the Style tab, you can customize the text color & shadow, typography, margin, padding, border, spacing, size, and many more,

Background (Normal & Hover)

Background Type: Choose between Classic (which allows you to set a background color or image), Gradient (allowing you to set a color gradient background), Video background, or an image Slideshow background.

Background Overlay (Normal & Hover)

Background Type: Choose between Classic or Gradient

Blend Mode: Set a Blend Mode

Border (Normal & Hover)

Border Type: Set a Border Type

Border Radius: Set your Border Radius

Box Shadow: Add a Box Shadow

Shape Divider (Normal & Hover)

Type: Click the dropdown to choose your Shape Divider style

Color: Pick a color

Width: Set the width of your Shape Divider

Height: Set the height of your Shape Divider

Flip: Flip the direction of your Shape Divider

Bring to Front: Force your Shape Divider to be in front of other objects

Typography Set Typography Colors for the section

Note: The ‘Set Typography’ colors won’t work if Default Colors are enabled.

Advanced

  1. Margin: Set the section Margin
  2. Padding: Set the section Padding
  3. Z-index: Set the Z-Index. Learn more about Z-Index
  4. CSS ID: Set a CSS ID for your section

CSS Classes: Set CSS Classes for your section

Here is a  preview of the animation from our own website as an example.

Conclusion

If you have created Sections successfully then Congratulation! If not, then start checking the steps again. If you get stuck with any problem while following the above procedures, don’t hesitate to drop a line below.

Feel free to contact us if you need any help regarding this topic. Do let us know the topics you want us to cover in the comment section or reach out to us with your queries by clicking the contact form below

Popular Articles

71 thoughts on “How to Add Multiple Section in Elementor”

  11. tubidy mp4

    Thanks for ones marvelous posting! I certainly enjoyed reading it, you could be a greatauthor.I will always bookmark your blog and definitely will come back in the future.I want to encourage you continue your great posts, have a nice weekend!

  19. Website Design

    I don’t even understand how I ended up here, however I thought this put up used to be good. I don’t realize who you are however definitely you are going to a famous blogger should you aren’t already. Cheers!

  21. Dor123

    I do not even know how I ended up here, but I thought this post was great.I don’t know who you are but definitely you are going to a famous blogger if you aren’talready 😉 Cheers!

  22. Kandi

    Hello would you mind sharing which blog platform you’re using?
    I’m looking to start my own blog soon but I’m
    having a tough time selecting between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your design seems different then most blogs and
    I’m looking for something completely unique.
    P.S Apologies for being off-topic but I had to ask!

  25. Cliff

    Please let me know if you’re looking for a writer for your blog.
    You have some really great articles and I believe I would be a good asset.
    If you ever want to take some of the load off, I’d absolutely love to write
    some content for your blog in exchange for a link back to mine.
    Please send me an e-mail if interested. Thanks!

  30. Kauf von elimite ohne Rezept

    Just wish to say your article is as astonishing.
    The clarity in your post is simply great and i can assume you
    are an expert on this subject. Well with your permission let me to grab your feed to keep up to date
    with forthcoming post. Thanks a million and please carry on the rewarding work.

  36. vegas11

    I have read so many articles or reviews concerning the blogger lovers but this piece of writing is actuallya pleasant article, keep it up.

  38. aankoop van capecitabina in Brussel

    I have been exploring for a little for any high quality articles or blog posts on this kind of house .

    Exploring in Yahoo I finally stumbled upon this site.
    Reading this information So i am satisfied to show that I’ve a very good uncanny feeling I found out just what I needed.

    I so much no doubt will make sure to don?t put out of your mind
    this website and give it a look on a continuing basis.

  40. 파워볼실시간

    ตัวอย่างเช่นบ่อนมาเก๊าในจีน บ่อนลาสเวกัสในเขตเศรษฐกิจพิเศษของสหรัฐอเมริกา บ่อนปอยเปตในกัมพูชา และวันอื่น ๆ อีกมากมายที่เปิดให้บริการในหลาย ๆ ประเทศ ตัวอย่างประเทศเพื่อนบ้านของไทยพวกประเทศลาว ประเทศพม่า ประเทศสิงคโปร์ ประเทศมาเลเซีย+++++++++++

  42. Angel Numbers

    Thanks , I have recently been looking for info approximately this topic for ages and yours is thegreatest I have came upon so far. However, what in regards to the conclusion? Are you sure concerning thesupply?

  43. Education

    I was recommended this blog by my cousin. I am not sure whether this post is written by him as nobody else know such detailed about my difficulty. You’re incredible! Thanks!

  44. bionoliprel zonder voorschrift beschikbaar in Brussel

    Woah! I’m really digging the template/theme of this site.
    It’s simple, yet effective. A lot of times it’s challenging to get that “perfect balance” between usability and
    visual appearance. I must say you have done a amazing job with this.
    In addition, the blog loads super quick for me on Internet explorer.
    Superb Blog!

  45. benzac in België

    I think that what you composed made a lot of sense.
    But, what about this? what if you typed a catchier post title?

    I ain’t saying your information is not solid., however what if you added a post title that grabbed
    people’s attention? I mean How to Add Multiple Section in Elementor Quickly and in few easy steps is kinda vanilla.

    You could glance at Yahoo’s front page and note how they create post titles to get viewers to open the links.
    You might add a video or a related picture or two to get people
    interested about everything’ve got to say. Just my
    opinion, it would make your posts a little livelier.

  46. comprar etibi en línea sin receta en México

    I’ve been browsing online more than three hours nowadays, but I by no means found any attention-grabbing article like yours.
    It is lovely value enough for me. Personally, if all site
    owners and bloggers made good content material as you did, the
    web will probably be much more helpful than ever before.

  53. acheter remeron à Genève

    Hey there! Do you know if they make any plugins to help with Search Engine Optimization?
    I’m trying to get my blog to rank for some targeted keywords but I’m
    not seeing very good gains. If you know of any please share.
    Kudos!

  57. Mort Weaver

    Hey There. I found your blog using msn. This is a very well written article. I’ll be sure to bookmark it and come back to read more of your useful information. Thanks for the post. I will certainly return.

  59. Lawson Murphy

    Thank you, I have just been looking for info about this subject for ages and yours is the greatestI’ve came upon so far. But, what in regards to the bottom line?Are you sure about the supply?

  60. ou acheter deslorasam à Lyon

    Oh my goodness! Impressive article dude!
    Thank you, However I am having issues with your RSS.
    I don’t understand why I am unable to subscribe to it.
    Is there anybody having similar RSS issues? Anyone that knows the solution can you kindly
    respond? Thanks!!

  66. 20bet

    I am currently writing a paper and a bug appeared in the paper. I found what I wanted from your article. Thank you very much. Your article gave me a lot of inspiration. But hope you can explain your point in more detail because I have some questions, thank you. 20bet

Leave a Comment

Your email address will not be published. Required fields are marked *

CONTACT US

have something on your mind?

Reach out to us

  • Plot 59G, Street 7, I-10/3 , Islamabad
  • info@pookidevs.com