Welcome to the Theme Guide section for the Ironclad Restoration Marketing WordPress Theme using the Elementor Page Builder.
In this Theme Guide we’ll go over how to make changes/updates using Elementor to the website theme’s Site Settings, Theme Builder, Saved Templates, Global Widgets and Pages.
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 Builder which consists of Typography, Buttons, Images, and Form Fields settings, and User Preferences, which consists of Site Identity, Background, Layout, Lightbox, and Custom CSS settings.
Set predefined global colors (Primary, Secondary, Text, and Accent colors), inline custom colors, or create new global colors for use across your site. See Global Colors for full details. Set and edit predefined global typography styles (Primary, Secondary, Text, and Accent) or create new global text styles for use across your site.
Here is where you can control the colors that are used throughout the entire theme. There’s a list of preset colors that will need to be updated to match the client’s specific style and branding.
These preset colors are also already applied to various elements/widgets that make up the theme making theme wide styling a quick process. New colors can be added but try to keep it minimal. When adding a new shade of an existing color, use a naming convention such as Primary-D-20 indicating the primary color shade dark, at 20%.
Here you can set up the Global Fonts for the theme. There will be four preset styles already setup. You’ll just need to set the font family and disregard all the other properties. We’ll control the sizing, line height and weights through the Typography section under Theme Style.
Font Style Presets:
Theme Style settings are global settings that allow you to set default styling options for various elements, such as Backgrounds, Headings, Buttons, Images, and Form Fields. These settings override the theme styling settings and takes its place, allowing you to use Elementor to set styles for elements not built by Elementor. By default, this will apply styles only to non-Elementor elements, for example, WooCommerce checkout fields, Contact Form 7 labels, 3rd-party headings and much more. If you prefer, you can force these Theme Style settings to also apply to Elementor-built elements as well.
Control your website’s identity, including its Site Name, Site Description, Logo, and Favicon right from Elementor’s Site Settings. Also, you can add an alternate logo under the Client Options > General Information section.
Theme Builder 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.
Elementor’s Theme Builder lets you customize every fundamental part of your WordPress site without coding including your Header, Footer, Global Pages and Posts, Global Archives and WooCommerce Products and Product Archives.
The Theme Builder provides a visual overview of the site elements of your site, helping to guide you through each of the site parts you need to create in order to achieve a complete website.
Using the Theme Builder, you can add new site parts (e.g. add a new Header), edit existing site parts, or delete site parts. Existing site parts include a visual indicator to inform you if a condition is applied to that site part. For example, a Global Post site part template may have a condition to only show for a particular category. A green indicator will let you see at a glance that this site part has a condition. A gray indicator is an indication that a site part has no condition set.
There are several ways to access the Theme Builder. Choose whichever is most convenient for you.
METHOD ONE: Go to Elementor > Theme Builder from the WordPress admin menu.
METHOD TWO: From within any page or post’s Elementor Editor screen, click the hamburger menu in the upper left corner of the Widget Panel, then select Theme Builder in the Settings tab.
Your existing Site Parts will be shown, if any have been built. Thumbnails for each site part will be auto-generated for you.
Or you can add a new Site Part by importing a template.
Our Theme comes with pre-made templates and sections that are used throughout the website.