This tutorial explains re-invoking Elementor after WordPress overridden page defaults / custom font loading procedures.
1. (00:25) To see all of your pages, go to the "Pages" tab on the left in WordPress.
![Tutorial screenshot](https://i0.wp.com/storage.googleapis.com/stateless-kordspace/2020/09/6abbb7de-screen-shot-2020-11-16-at-12.28.38-pm-min.png?fit=750%2C351&ssl=1)
2. (00:40) Hover over a page title and click "Quick Edit" to change things like the title, URL slug, status, etc.
3. (01:15) Right-click on "Edit" and open in a new tab. In the panel to the right, click "Page Attributes" and make sure the template is set to 'Elementor Full Width'. You can set a featured image in this panel too (what appears when you share the page URL on social media).
![Tutorial screenshot](https://i0.wp.com/storage.googleapis.com/stateless-kordspace/2020/09/14b0c2ee-screen-shot-2020-11-16-at-12.33.59-pm-min.png?fit=506%2C458&ssl=1)
![Tutorial screenshot](https://i0.wp.com/storage.googleapis.com/stateless-kordspace/2020/09/08f11c5f-screen-shot-2020-11-16-at-12.36.27-pm-min.png?fit=518%2C552&ssl=1)
4. (02:50) The first way to edit fonts is to click "Edit with Elementor". Select the text section and use the "Style" tab to change the typography.
![Tutorial screenshot](https://i0.wp.com/storage.googleapis.com/stateless-kordspace/2020/09/88b20d97-screen-shot-2020-11-16-at-1.00.18-pm-min.png?fit=534%2C592&ssl=1)
5. (07:50) The second way to change fonts is to go back to WordPress and on the right panel select: Appearance > Customize.
6. (08:26) On the right panel, select "Appearance Settings". This will allow you to change the default font.
![Tutorial screenshot](https://i0.wp.com/storage.googleapis.com/stateless-kordspace/2020/09/a337fcf2-screen-shot-2020-11-16-at-1.04.12-pm-min.png?fit=532%2C630&ssl=1)
![Tutorial screenshot](https://i0.wp.com/storage.googleapis.com/stateless-kordspace/2020/09/caddf586-screen-shot-2020-11-16-at-1.04.45-pm-min.png?fit=502%2C778&ssl=1)
7. (09:45) The third way to change fonts is to override in "Additional CSS". You can use the following code:
![](https://i0.wp.com/storage.googleapis.com/stateless-kordspace/2020/09/c53bc7e9-screen-shot-2020-11-16-at-1.21.43-pm-min.png?fit=750%2C161&ssl=1)
0 Comments