As an event admin, if you are using Event Editor, you now have the option to add custom colors and custom typography to your event site.
Creating and Editing a Custom Color Palette
|1. Open the Theme Color option ().|
2. Scroll to Create Custom Color Palette option following the different standard color palettes.
|3. On Step 1, click Next at the top right to begin.|
|4. On Step 2, the Preview on the right displays a preview of the four colors you can choose shown on a sample page:
|5. To edit any of the colors, click the color box, which opens a “color picker” that lets you click to select any color.|
|6. Once you select a color, the text and background are displayed along with a Pass or Fail grade depending on the contrast ratio. This contrast is important for accessibility and ease of reading. Here are a few examples, one with a Pass grade and one with a Fail.||
|7. When you’re happy with all your color choices, click Next.|
|8. If you have a Fail contrast ratio, you’ll get a modal asking if you’re sure you want to use that color palette. You can choose to save anyway, or go back and change to a more readable contrast.|
|9. After you have saved the new palette, you can either:
|10. Even though you have now created a custom color palette, your event site will not use these colors until you choose to save the palette. Click Save and Close at the top of the color slideout.|
|11. When asked if you are sure, select Yes, Apply To All Pages to apply the new palette to your live pages immediately.|
Creating and Editing Custom Typography
|1. Open the Theme Typography option.|
|2. Scroll to Create Custom Typography Option following the different standard type choices. Be sure to click Save & Close when you have chosen typography.|
|3. Choose whether you want to upload your own font or use a Google font, and then select the Save Typography Option button at the top right corner.|
|3a. To upload a custom font:
Note: The supported file types are WOFF2 (preferred), WOFF, TTF, and EOT.
3b. To use a Google font:
|4. Even though you have now chosen a custom font, your event site will not use the font until you choose to save your typography choice. Click Save and Close at the top of the typography slideout.|
|5. After you have saved the new font, you can either:
|6. When asked if you are sure, say Yes to apply the new font to your live pages immediately.|