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. | ![]() |
Comments
Please sign in to leave a comment.