{"id":1540,"date":"2020-05-27T11:43:40","date_gmt":"2020-05-27T11:43:40","guid":{"rendered":"https:\/\/webnus.net\/kata\/documentation\/?p=1540"},"modified":"2024-11-11T11:39:50","modified_gmt":"2024-11-11T11:39:50","slug":"section-templates","status":"publish","type":"post","link":"https:\/\/webnus.net\/kata\/documentation\/section-templates\/","title":{"rendered":"Section Templates"},"content":{"rendered":"\n

The Kata theme offers a robust library of section templates, giving users access to over 500 pre-built templates that can be quickly imported into a website. With Kata, you can easily customize individual sections like headers and footers, or even complete pages, creating a seamless, professional look without the need for complex coding.<\/p>\n\n\n\n

This guide walks you through using these section templates in Kata, specifically focusing on how to edit headers, footers, blocks, and pages through Elementor, Kata\u2019s page builder.<\/p>\n\n\n\n

Getting Started with Section Templates in Elementor<\/h2>\n\n\n\n
\"Section<\/a><\/figure>\n\n\n\n
    \n
  1. Enter Page Edit Mode in Elementor:<\/strong>
    Begin by navigating to the page you want to edit in Elementor. Once inside, you\u2019ll have full access to the section templates library.<\/li>\n\n\n\n
  2. Open the Elementor Template Library:<\/strong>
    To access the template library, click the folder icon in the middle of the Elementor screen. This opens Elementor’s library, where you can select from various sections to insert into your page.<\/li>\n\n\n\n
  3. Choose the Desired Section from the Tabs:<\/strong>
    In the library, you\u2019ll see tabs for different types of templates. Each tab categorizes templates based on their specific purpose, such as headers, footers, blocks, and pages. Below, we\u2019ll go over each of these tabs and explain how to use them.<\/li>\n<\/ol>\n\n\n\n

    Adding a Header Template<\/strong><\/h2>\n\n\n\n

    Select Header from the Kata Menu:<\/strong><\/h3>\n\n\n\n

    To customize your header, go to the Kata menu in Elementor and select the Header menu. Here, you\u2019ll find a collection of pre-designed header templates.
    <\/p>\n\n\n\n

      <\/ol>\n\n\n
      \n
      \"Section<\/a><\/figure><\/div>\n\n\n

      Preview the Header:<\/strong><\/h3>\n\n\n\n

      For a quick preview, click on the magnifier icon, which allows you to view a demo of the template\u2019s appearance.<\/p>\n\n\n\n

      Insert the Template:<\/strong><\/h3>\n\n\n\n

      When you\u2019re satisfied with a template, click \u201cInsert.\u201d This action will place the header template directly onto your page, allowing you to see how it integrates with the rest of your content.<\/p>\n\n\n\n

      \"Section<\/a><\/figure>\n\n\n\n
      \"Section<\/a><\/figure>\n\n\n\n

      Adding a Footer Template<\/h2>\n\n\n\n

      Adding a footer template follows the same steps as the header:<\/p>\n\n\n\n

      Go to Footer in the Kata Menu:<\/strong><\/h3>\n\n\n\n

      Navigate to the Footer tab in the Kata menu.<\/p>\n\n\n\n

      \"Section<\/a><\/figure>\n\n\n\n

      Preview and Insert:<\/strong><\/h2>\n\n\n\n

      Choose a footer template, preview it if needed, and then click \u201cInsert\u201d to place it on your page.<\/p>\n\n\n\n

      Import and Finalize:<\/strong><\/h2>\n\n\n\n

      Once inserted, you\u2019ll see the footer section appear at the bottom of your page, completing your design.<\/p>\n\n\n\n

      \"Section<\/a><\/figure>\n\n\n\n

      Using Block Templates<\/strong><\/h2>\n\n\n\n

      Kata\u2019s Block templates offer unparalleled flexibility, allowing you to create visually appealing sections like pricing tables, galleries, portfolios, icon boxes, and more.<\/p><\/p>\n\n\n\n

      Open the Blocks Tab:<\/strong><\/h3>\n\n\n\n

      Navigate to the Blocks tab in Elementor\u2019s template library.<\/p>\n\n\n\n

      \"Section<\/a><\/figure>\n\n\n\n

      Browse and Select:<\/strong><\/h3>\n\n\n\n

      Here, you\u2019ll find hundreds of pre-designed blocks. Whether you\u2019re looking to add a gallery section or a pricing table, you can quickly select and insert a template that fits your needs.<\/p>\n\n\n\n

      Insert and Customize:<\/strong><\/h3>\n\n\n\n

      Once you\u2019ve chosen a block, click \u201cInsert\u201d to place it on your page. You can then customize it further to fit your brand\u2019s style and aesthetic.<\/p>\n\n\n\n

      \"Section<\/a><\/figure>\n\n\n\n

      Adding Complete Page Templates<\/h2>\n\n\n\n

      In addition to individual sections, Kata also provides complete page templates. For example, if you\u2019re setting up a dedicated services page, Kata\u2019s pre-designed service pages make it simple.<\/p>\n\n\n\n

      Navigate to Single Pages in the Library:<\/strong><\/h3>\n\n\n\n

      Go to the \u201cSingle Pages\u201d tab to view Kata\u2019s collection of full-page templates.<\/p>\n\n\n\n

      \"Section<\/a><\/figure>\n\n\n\n

      Choose a Page Template:<\/strong><\/h3>\n\n\n\n

      Browse through the available options and select a template that best matches the purpose of your page.<\/p>\n\n\n\n

      Insert the Page Template:<\/strong><\/h3>\n\n\n\n

      Click \u201cInsert,\u201d and all the page content will appear on your chosen page. You can now adjust this content within Elementor to perfectly match your site\u2019s design.<\/p>\n\n\n\n

      \n