Elementor Basic Settings

Welcome to IACPATTERNS! Understanding Elementor’s basic settings is essential for efficiently building and customizing your WordPress website. This guide will walk you through the essential settings in Elementor to help you get the most out of this powerful page builder.

Accessing Elementor Settings

1. Log in to Your WordPress Dashboard
   • Navigate to yourdomain.com/wp-admin.
   • Log in with your WordPress admin credentials.
2. Open Elementor Settings
   • In the WordPress dashboard, go to ‘Elementor’ -> ‘Settings’.

General Settings

1. General

• Default Page Layout: Choose the default layout for new pages. Options include ‘Elementor Canvas’, ‘Elementor Full Width’, and theme-specific options.
• CSS Print Method: Select how CSS is printed. The default method works for most sites, but you can change it if you encounter styling issues.
• Global Colors: Set up a color palette that can be used across your site.
• Global Fonts: Define typography settings for headers, body text, and other elements.

2. Style

• Default Colors: Enable or disable Elementor’s default color scheme.
• Default Fonts: Enable or disable Elementor’s default font scheme.
• Lightbox: Customize the lightbox settings for image galleries, including overlay color, captions, and other effects.

3. Advanced

• Optimizations: Enable features like improved asset loading and font loading optimization.
• Accessibility: Toggle keyboard shortcuts and other accessibility features.
• Debug Bar: Useful for developers to troubleshoot issues.

Integrations

1. Google Fonts

• Configure how Google Fonts are loaded on your site to improve performance.

2. Font Awesome

• Enable or disable the loading of Font Awesome icons.

3. reCAPTCHA

• Integrate Google reCAPTCHA to protect forms from spam and abuse.

4. MailChimp

• Connect your MailChimp account for email marketing integration.

5. Other Services

• Integrate third-party services like Adobe Typekit, Facebook SDK, and more.

Role Manager

• Define which user roles can access Elementor and its settings.
• Customize the permissions for different user roles (e.g., Editor, Author, Contributor).

Tools

1. Version Control

• Roll back to a previous version of Elementor if needed.

2. Maintenance Mode

• Activate maintenance mode to display a custom message while your site is under construction or being updated.
• Choose between ‘Coming Soon’ and ‘Maintenance’ modes.

3. Import/Export Kit

• Export your Elementor settings, templates, and content.
• Import settings and content to another site.

Customizing Elementor in the Editor

1. Global Settings

• Open the Elementor editor by editing a page with Elementor.
• Click on the ‘Hamburger’ menu (three lines) in the top-left corner.
• Go to ‘Site Settings’ to configure global settings for colors, typography, buttons, form fields, and more.

2. Theme Builder

• Access the Theme Builder from the ‘Hamburger’ menu.
• Customize your site’s header, footer, single post templates, archive templates, and more.
• Create new parts of your theme or edit existing ones using Elementor.

3. Global Widgets

• Save any widget as a global widget to reuse it across multiple pages.
• To save a widget as global, right-click on the widget and select ‘Save as Global’.
• Manage global widgets from the ‘Templates’ -> ‘Saved Templates’ section in the WordPress dashboard.

Mastering the basic settings in Elementor allows you to create a consistent and efficient design process for your WordPress website. By configuring general settings, integrations, and global settings, you can ensure that your site looks great and performs well. If you have any questions or need further assistance, feel free to reach out to our support team here.

Happy designing!