Elementor Site Settings allows you to define global styles for your entire website, ensuring a consistent design across all pages.
- Goto Home
- Hover mouse on Edit with elementor
- Click site settings
Available Settings
Design System
- Global Colors
Define your website’s primary, secondary, text, and accent colors. These colors can be used throughout your Elementor templates and widgets. - Global Fonts
Set the default typography for your website, including heading and body fonts, font sizes, weights, and line heights.
Theme Style
- Typography
Configure the default typography styles for headings, paragraphs, links, and other text elements. - Buttons
Customize the global button style, including typography, colors, borders, padding, border radius, and hover effects. - Images
Set default styling for images, such as border radius, borders, spacing, and other display options. - Form Fields
Customize the appearance of input fields, labels, placeholders, borders, and focus states for all Elementor forms.
Settings
- Site Identity
Configure your site title, description, and logo used by Elementor. - Background
Set a global background color, image, or gradient for your website. - Layout
Configure the default content width, container width, spacing, and responsive layout settings. - Lightbox
Enable or disable Elementor’s built-in image lightbox and configure its behavior. - Page Transitions
Add smooth transition effects between pages to enhance the browsing experience. - Custom CSS
Add custom CSS that will be applied globally across your Elementor website. (Available in Elementor Pro.) - Additional Settings
Access additional Elementor configuration options depending on the installed version and enabled features.
Note: Site Settings apply globally across your Elementor website. Any changes made here affect all pages and templates that use the corresponding global styles. Click Save Changes to apply your updates.