{"id":137,"date":"2026-01-20T18:00:45","date_gmt":"2026-01-20T18:00:45","guid":{"rendered":"https:\/\/docs.treethemes.com\/brandberry\/docs\/site-setup\/elementor-page-builder\/"},"modified":"2026-01-26T18:21:47","modified_gmt":"2026-01-26T18:21:47","slug":"elementor-page-builder","status":"publish","type":"docs","link":"https:\/\/docs.treethemes.com\/brandberry\/docs\/site-setup\/elementor-page-builder\/","title":{"rendered":"Elementor Page Builder"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Brandberry<\/strong> is built around Elementor<\/strong>, a powerful drag-and-drop page builder that allows you to create and customize pages visually without coding. Most page layouts, sections, and content elements in Brandberry are created using Elementor.<\/p>

\u00a0<\/p>

Getting Started with Elementor<\/h3>

You can edit any page with Elementor by navigating to Pages \u2192 All Pages <\/strong>and clicking Edit with Elementor<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

\u00a0Elementor works using sections, columns, and widgets. You can drag widgets from the left panel and drop them into your layout. For new users, we recommend starting with imported demo pages and editing them to understand how layouts are structured.<\/p>

\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

Create a Page with Elementor<\/h2>

Brandberry<\/strong> is designed to work seamlessly with Elementor<\/strong>, allowing you to build pages visually using a drag-and-drop interface. For the best layout control, we recommend using the Elementor<\/b>\u00a0Full Width<\/strong> page template.<\/p>

To create a new page in WordPress:<\/p>

  1. Go to Pages \u2192 Add New<\/strong>.<\/li>
  2. Enter a title for your page.<\/li>
  3. Click Edit with Elementor<\/strong>.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Using the Full Width Template<\/h3>

    Elementor provides a Full Width<\/strong> page layout option that allows Elementor to control the entire page layout without restrictions from the theme.<\/p>

    We recommend using the Full Width layout for all pages built with Elementor, as it gives you full control over spacing, sections, and containers.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t

    \n\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    \u00a0<\/p>

    1. While editing the page with Elementor, click the Page<\/strong> Settings<\/strong> icon.<\/li>
    2. Set Page Layout<\/strong> or Template<\/strong> to Elementor<\/strong> Full Width<\/strong>.<\/li>
    3. Save or update the page.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      Using the Full Width template ensures that sections, containers, and widgets span the full browser width when needed.<\/p>

      \u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

      \n\t\t\t\t\t\t\t\t\t

      Brandberry & Animation Addons Elementor Widgets<\/h3>

      Brandberry includes a collection of custom Elementor widgets designed specifically to work with the theme\u2019s layout system and design language. In addition to Brandberry widgets, the theme includes the Animation Addons plugin<\/a>, which adds 100+ advanced Elementor widgets<\/strong>. These widgets allow you to create interactive, animated, and highly engaging layouts.<\/p>

      These widgets allow you to create advanced layouts such as:<\/p>