Theme Search



To easily jump to the theme customization page, simply begin typing “theme” into the “Search” bar of the Dashboard, and after you have typed in at least three letters, search results will begin to show below the box.

Select “Race Page > Race Theme” from the results listed below, and you will be brought directly to the race theme customization page.





You can also manually find this feature by going to the “Race” tab of the race dashboard… clicking on the subheading for “Race Page”… and then selecting “Race Theme”.



Theme Dashboard Menu





Select Preset Color Scheme



Select Default Theme



To select one of the preset color scheme click the radio button associated with that them and then click the Save Setup button at the bottom of the page. The Preview button will open a new window that displays the Race Page to give an example of the new color scheme.


Save




Modify Existing/Create Custom Color Scheme



To create a new color scheme for your race click on the green Add Custom Color Scheme button. To update the color options of an existing theme you can use the Modify button. 

The Custom Color Scheme pop-up will appear where you can give your color scheme a name and adjust the six different color options - Background Color, Font Color, and a 4 Color pallette. When you are finished updating your color scheme click on the blue Save Color Scheme button to save the changes.



Add





Once you have created a custom color scheme you can then edit or preview the color scheme.

Edit/Preview

Clicking on the Preview button will open your Race Page in a new window with your color scheme. There will be a pop-up box in the upper left-hand corner to note that you are previewing the theme. Click the Leave Preview link to return to the original theme.

Preview

If you are happy with the custom color scheme return to the Theme page and click on the blue Save Setup button at the bottom of the page. The selected theme will take effect.

Save



Theme





Scheme Name

Give your scheme a name to identify the color options. This is not visible to the public.



Background Color

This color option controls the background of your Race Page. Make sure that the Font Color and Color 4 are visible on top of this color choice.



Font Color

The plain text on the page will use this color option. Make sure that this color is easily visible on top of the Background Color, and Color 1, 2, and 3.





Color 1

This color option controls the page Headings, Header Donate Button, Secondary Button Hover, Sub-Menu, and Input Labels, etc.



Color 2

This color option controls the Secondary Button, and Sub-Menu Active Page, etc.



Color 3

This color option controls the Menu, Page Footer, Primary Button Hover, and Tables, etc.



Color 4

This color option controls some Headings, Links, Menu Active Page, and Primary Button, etc. Make sure that this color is easily visible on top of the Background Color




It is best if the Font Color and Color 4 a similar in how light or dark they are, as they both need to stand out against the Background Color.


Race Logo Image



If you have a custom logo for your race click on the blue Browse button to navigate to your logo. You can upload .png, .jpeg., .jpg, or .gif files. The maximum file size is 4MB. When you have selected a file the filename will be listed on the page. Scroll to the bottom of the page and click the blue Save Setup button to save the changes and upload the image.



Race Logo Upload




Race Logo Image Example

Race Logo Example


Race Banner Image

Upload Banner Image



If you have a custom race banner for your race click on the blue Browse button to navigate to your banner. The image must be 1200px x 400px exactly. You can upload .png, .jpeg, .jpg, or .gif files. When you have selected a file the image will be listed on the page. Scroll to the bottom of the page and click the blue Save Setup button to save the changes and upload the image. Once the changes have been saved you can click on the orange View Race link in the upper right-hand corner of the Race Dashboard to quickly view the changes.



Race Banner Upload



Select Preset Banner Image


We provide a variety of sample race banner images that you can use for your race. Click on the radio button beside a pre-selected banner image and then click the blue Save Setup button to set the race banner. Once the changes have been saved you can click on the orange View Race link in the upper right-hand corner of the Race Dashboard to quickly view the changes.



Race Banner Image Example

Race Banner Example