What is the outcome? #
By the end of this session, you’ll be well-versed in navigating the Elementor Site Settings, updating site identity attributes, establishing global colors and fonts, and understanding typography settings. Quite a journey ahead, so let’s get started.
Before You Start #
But first, a quick reminder. Before you embark on this, ensure that you’ve successfully created a Staging Site with WP Engine and have followed our General Setup guidelines for a smooth experience.
Setting Up Site Identity #
- Begin by hovering your mouse over the Site Title, then click “Visit Site”
- Now, click on “Edit with Elementor”
- Once in Elementor, tap on the Hamburger Menu on the top left and select “Site Settings”.
- Click “Site Identity”
- Here, you’ll find options to update the Site Name, Description, Logo, and Favicon.
Setting Up Global Styles & Typography #
- Global Colors
Think of this as your website’s palette. While you can be flexible and adjust these colors over time, try to decide on a set that aligns with our brand. Once satisfied, hit the “Update” button.
- Global Fonts
Click the Pen icon. Adjust the Font Family, Weight, and other parameters.
Regarding the font size unit, we’re not using pixel (px), we’re using clamp.
Once inside, focus on the Link Color. This will dictate the appearance of all links across our site. Then, attend to the styles for Body, H1, H2, and so forth.
Great job! We’ve now familiarized ourselves with setting up Site Identity and tweaking Global Styles – from colors to fonts to typography. Our goal is to give our website a consistent and appealing look throughout our website.
And that’s a wrap for today’s session. Together, we’ve enhanced our website’s foundation, making it more aligned with our vision. But as always, the world of web design holds more mysteries. Stay tuned for our next session about “Adding Google Reviews”. See ya!