Customize Race Theme: Logo, Banner, Favicons

Modified on 19 November


TABLE OF CONTENTS


To easily jump to the theme customization page, simply begin typing “race 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 > Race Website > 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 Website, and then selecting Race Theme. You will then open up the sections for Race Logo and Banner Image.

Your Race Logo is likely going to be one of the most recognizable aspects of your race.  It will be on flyers, posters, race merchandise, and it should also be on your race website.


To upload your race logo, open up the Race Logo section of your Race Theme page, and click on Browse.


Choose the image that you would like to upload as the race logo from your computer… and make sure that your image is either a .png, .jpeg, .jpg, or a .gif file, and make sure that the image is no larger than 5MB.


Once your image is selected, then you can scroll down to the bottom of the page… and click Save Setup.


You can remove this image at any time, by clicking Remove Current Image, and saving the setup.


Or you can overwrite this image, by simply selecting a different image from your computer, and saving the setup.


You will then receive confirmation that the settings have been saved, and you can click on View Website, in order to review your race’s color scheme.





Set Your Favicon


A favicon is the small logo that appears on the tabs of browsers, helping users differentiate between open tabs. It also serves as an additional branding opportunity for the website. 



By default, RunSignup websites pull in the RunSignup favicon, and GiveSignup websites display the GiveSignup favicon. You can now replace this default RunSignup favicon with your own. This is especially powerful for events using their own domain.


Add a custom favicon to your event by navigating to Race >> Race Website >> Theme, then click Race Logo. Below the website logo, you’ll be able to upload a separate favicon image.


Note that because favicons are so small, you may want to take time to customize the image you use to make it basic. It won’t be possible to display text or detailed images in browser tabs. 

For example, look at the difference between our regular RunSignup logo on the left and the one we use for favicons on the right:




Set Your Race Banner

Your Banner Image allows you to set your race website apart from all the rest.  The race banner can be used to include your race branding, and/or a snapshot from a past race, or anything that you would like to display prominently at the top of your race page.


To upload your race banner image, open up the Banner Image section of your Race Theme page, and click on Choose your image.


Choose the image that you would like to upload as the race logo from your computer, and make sure that your image is exactly 1200 pixels by 400 pixels.


Also, your image will need to be either a .png, .jpeg, .jpg, or a .gif file.


Once your image is selected, then you can scroll down to the bottom of the page, and click Save Setup.


If you do not have a unique banner image for your race, then you can select one of the pre-made race banner images provided by RunSignUp.


Simply check off the banner that you would like to use, and save the setup at the bottom of the page.


Though only one race banner can be used at a time, you can upload multiple race banner images if you would like, and you will see that they all appear at the bottom of your list of possible banner images.  These custom banner images that you upload will only be available to you, on this race.


You can delete any banner images that you do not wish to keep saved anymore, by clicking Delete Banner, and saving the setup.


Once you have the race banner set up that you would like to use for your race, select that banner using the radio button, and then click on Save Setup at the bottom of the page.


You will then receive confirmation that the settings have been saved, and you can click on View Website, in order to review your race’s color scheme.




Check out these other guides for customizing your race theme:


- Race Template 

- Color Scheme 

- Custom Wording