Update the Font on Landing Pages
You can change the font of your calendar or event landing page using a custom template, and it's as simple as pasting a line of code! The below steps to updating your landing pages are applicable to both calendar and event landing pages.
Creating a Template
-
Scroll down to the first sharing method, Event landing page. Create a custom event landing page template by clicking Custom Templates in the app and clicking + New Template. Add a name for the template.
Updating the Font
- To change the landing page font, you will need to incorporate this code into the head section of the template:
<!-- Custom font --> <style> *:not(.material-icons, .material-icons-outlined) {font-family: 'Pacifico'!important;} </style>
- Here, you will need to change "Pacifico" with the actual font family you want to use. You can look for the fonts on the Google Fonts page.
- Once you have the needed code prepared, insert it into the template code like this:
Saving and applying the template
-
When all the edits have been done, you need to give a name to the template in the field above the code section and save the template by clicking Save at the bottom of the code section:
-
Once saved, you need to return to the event or calendar page and set this new template for that particular event or calendar. Now, your landing page should be using a new font.
Updated 6 months ago