How to Set the Event Theme/Design

Let’s Learn

• How to Set Text Styles and Colors
• How to Set the Theme Colors
• How to Set a Header and Footer Theme
• How to Customize the Event Buttons
• How to Set the Text Fields Theme

Click on the paint icon to access your Theme menu where you can set text styles, colors, header, footer, button settings and form elements that are applied to all pages. 

How to Set Text Styles and Colors

Step 1: Click on the Text Styles drop-down menu to choose the font and color for your heading, subheading, body, and link text. 

 Step 2: Click on the font drop-down menu to choose your font from the list of available Google fonts. 

Step 3: Click on the color picker circle to bring up the color spectrum to choose the color you want or type in the hex or RGB code at the bottom.

Step 4: Click Save. 

How to Set the Theme Colors

Step 1: Click on Colors to set your theme colors for the following pages and elements:

• Page Background
• Content Background
• Thermometer
• Banner Text
• Circle Icons

Step 2: Click on the color picker circle to bring up the color spectrum to choose the color you want or type in the hex or RGB code at the bottom.  

Step 4: Click Save. 

How To Set a Header and Footer Theme

Step 1: Click on the Header drop-down. 

Step 2: To set the header background color, click on the color picker circle beside Background to bring up the color spectrum to choose the color you want or type in the hex or RGB code at the bottom.  

Step 3: Click the Add Logo button to choose a file to upload. Your logo will appear at the top left-hand corner of your event pages. The recommended logo size is 1900 pixels high by 1080 pixels wide.

Step 4: Enable the Login, Search, Donate and Register buttons to appear in the top right-hand corner of your event pages by using the toggles. 

• You can also choose the text color by clicking on the color picker circle beside Text Color to bring up the color spectrum to choose the color you want or type in the hex or RGB code at the bottom.  

Step 5:  Click on the Footer drop-down menu to set the background and text color.  Click on the color picker circle to choose a background or enter a hex or RGB code at the bottom. 

Step 6: Click Save.  

How to Customize the Event Buttons

Step 1: Click the Buttons drop-down menu.

Step 2: Choose the font for your buttons by clicking on the drop down menu. 

Step 3: To set the text color and background color, click on the color picker beside Text Color and Background color.  Choose color in the spectrum or add a specific hex or RGB code at the bottom. 

Step 4: Click on Brighten, Darken or Custom to customize the color of the button when a user hovers over it. By clicking on Custom, you can choose a color in the spectrum or add a specific hex or RGB code at the bottom. 

• Helpful Tip! If you choose a dark color for your buttons, then you’ll probably want the button and text color to brighten when you hover over them so that the contrast will be more noticeable. If you choose a light button color, then darker button and text color is a better hover option.

Step 5: Click on Straight, Rounded or Oval to choose the button corner style.  

Step 6: Click Save. 

How to Set the Text Fields Theme

Step 1: Click on the Form elements drop-down menu to customize the fields for the Donation and Registration pages.  

Step 2: Click on the color picker to set the color for the Selected State and the Selected State Text for the buttons and button text shown during registration.  You can choose a color in the spectrum or add a specific hex or RGB code at the bottom. 

Step 3: Click on Round, Square and Underline to choose the field outline style for all the fields on the registration and donation pages.  

 Step 4: Click Save.