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.
Process #
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. - Typography
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.
Recap #
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.
Conclusion #
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!