What are Elementor Site Settings?
Each Elementor option which can be applied across your site is a part of the Site Settings which are centrally located within the Elementor Editor.
How do I access Elementor Site Settings?
Simply “Edit with Elementor” any page or post, click the hamburger menu icon in the upper left corner of the Elementor Widget Panel, and click on Site Settings. Here you have options to control the Design System which consists of Global Colors and Global Fonts, Theme Style which consists of Typography, Buttons, Images, and Form Fields settings, and Settings, which consists of Site Identity, Background, Layout, Lightbox, and Custom CSS settings.
Design System: Set predefined global colors (Primary, Secondary, Text, and Accent colors), inline custom colors, or create new global colors for use across your site. Set and edit predefined global typography styles (Primary, Secondary, Text, and Accent) or create new global text styles for use across your site. See also: How Elementor’s Theme Style and Global Colors and Typography Work Together To Create The Site’s Design System
Theme Style: Theme Style settings are global settings that allow you to set default styling options for various HTML elements, such as Backgrounds, Headings, Buttons, Images, and Form Fields. They are not Elementor-specific, but are as general as possible. This is the baseline setting for the site, that comes into play only as a fallback, if no specific element definitions were set.
Settings: Control your site’s identity, including its Site Name, Site Description, Logo, and Favicon right from Elementor’s Global Settings. Set the site’s background and its mobile background as well. Control global layout settings, such as default generic fonts, site content width, default widget spacing, default page layout template, and more. Manage the Elementor Lightbox options, which opens images, galleries, carousels, and videos in a 100% mobile responsive lightbox popup window. Edit your site’s Custom CSS right from the Elementor settings.