{"id":135,"date":"2026-01-20T18:00:22","date_gmt":"2026-01-20T18:00:22","guid":{"rendered":"https:\/\/docs.treethemes.com\/brandberry\/docs\/site-setup\/elementor-site-settings\/"},"modified":"2026-01-23T11:57:45","modified_gmt":"2026-01-23T11:57:45","slug":"elementor-site-settings","status":"publish","type":"docs","link":"https:\/\/docs.treethemes.com\/brandberry\/docs\/site-setup\/elementor-site-settings\/","title":{"rendered":"Elementor Site Settings"},"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\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

Brandberry<\/strong> uses Elementor as the primary customization engine. Most global styling and theme-related options are managed through Elementor Site Settings<\/strong>, providing a centralized and visual way to control your website\u2019s appearance.<\/p>

Accessing Elementor Site Settings<\/h3>

You can access Elementor Site Settings in two ways:<\/p>

  1. Click the Open Elementor Site Settings<\/strong> button inside the Brandberry Theme Settings panel<\/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

    \u00a0<\/p>

    1. Edit any page with Elementor, then click the Site Settings<\/strong> icon in the Elementor editor<\/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\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

      \u00a0<\/p>

      All changes made here apply globally across your website.<\/p>

      Design System<\/h3>

      The Design System<\/strong> section allows you to define global styles that are reused throughout the entire site.<\/p>

      • Global Colors<\/strong>Define your primary, secondary, text, and accent colors to keep a consistent color palette.<\/li>
      • Global Fonts:\u00a0 <\/strong>Set global font families that can be reused across headings, body text, and UI elements.<\/li><\/ul>

        \u00a0<\/p>

        Theme Style<\/h3>

        The Theme Style<\/strong> section controls the visual appearance of common elements. These settings ensure consistency across all pages.<\/p>

        • Typography: <\/strong>Control heading styles (H1\u2013H6), body text, line height, and spacing.<\/li>
        • Buttons: <\/strong>Style default button colors, typography, borders, and hover states.<\/li>
        • Images: <\/strong>Apply global image styling such as borders, border radius, and filters.<\/li>
        • Form Fields: <\/strong>Customize the appearance of input fields, labels, and form elements.<\/li><\/ul>

          \u00a0<\/p>

          Brandberry Addons (Animation Addons)<\/h3>

          When the Animation Addons<\/strong> plugin is active, additional Brandberry-specific options become available inside Elementor Site Settings. These options extend Elementor with advanced interactive features.<\/p>

          • AAE Preloader: <\/strong>Enable and customize a site preloader that appears while the page loads.<\/li>
          • AAE Cursor: <\/strong>Activate a custom animated cursor and adjust its style and behavior.<\/li>
          • AAE Scroll to Top: <\/strong>Enable a scroll-to-top button and control its position and appearance.<\/li>
          • AAE Scroll Indicator: <\/strong>Display a scroll progress indicator to enhance user navigation.<\/li>
          • AAE Popup: <\/strong>Create and manage global popups such as announcements, promotions, or notifications.<\/li><\/ul>

            These options are global and apply across the entire website.<\/p>

            \u00a0<\/p>

            Site Settings<\/h3>

            The Settings<\/strong> section contains essential site-level configuration options:<\/p>

            • Site Identity: <\/strong>Manage your site title, and favicon.<\/li>
            • Background: <\/strong>Define global background colors or images for your site.<\/li>
            • Layout: <\/strong>Control overall layout width, content spacing, and structure.<\/li><\/ul>

              Important<\/strong>\u00a0Elementor Site Settings should be used for global styles and features. For individual page styling, edit the page directly using Elementor widgets and controls.<\/p><\/blockquote>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

              Brandberry uses Elementor as the primary customization engine. Most global styling and theme-related options are managed through Elementor Site Settings, providing a centralized and visual way to control your website\u2019s appearance. Accessing Elementor Site Settings You can access Elementor Site Settings in two ways: Click the Open Elementor Site Settings button inside the Brandberry Theme […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":128,"menu_order":2,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-135","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/docs\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":22,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/docs\/135\/revisions"}],"predecessor-version":[{"id":670,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/docs\/135\/revisions\/670"}],"up":[{"embeddable":true,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/docs\/128"}],"wp:attachment":[{"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/media?parent=135"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/doc_tag?post=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}