Customize Event Branding

Customize Event Branding

The CUI branding of the registration form for your event can be customized. Below are instructions after Log in to ACTIVE Works with Existing ACTIVE Passport Account:
  1.  On organization HOME page, click Settings at top right corner
  2. Click Custom Branding
  3. Click Create
    •  Note: You can also click on an existing template to Edit
  4. The system will automatically name the template based on date and time. Click Edit next to the default name at the top of the screen to rename your template​
User-added image
  1. Start with the Header
  2. Click Choose file to upload a picture and copy URL once generated
  3. Enter HTML code in HTML box
HTML sample code: Header
<center> <img style="position:relative; width: 100%; max-width:970px; height:auto;" src="INSERT URL"></center>

User-added image
  1. Repeat steps 6 and 7 for Footer if required
HTML sample code: Footer
<center> <img style="position:relative; width: 100%; max-width:970px; height:auto;" src="INSERT URL"></center>
  1. Select ACTIVE logo
  2. If the CSS option is enabled in your account, upload the file by clicking on Choose File under Content area
  • ​​​Note: The file needs to be a Cascading Style Sheets (CSS) file. Below are the HTML sample codes regarding background in a css file: 
HTML sample code: Background
.main-page {background:url(https://photos-images.active.com/file/3/1/original/0d/de/0ddef6a6-30ab-47ab-9e74-641f7ca5c9f4.jpg) no-repeat center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin:0px;}

.container.ecui{max-width:970px!important;
    background-color:rgba(255,255,255,0.85);
    position: relative;}
  1. Click Save & Continue
  • Note: If the Volunteer Module is enabled in your account, repeat the process to customize Volunteer Registration Form
  • Note: If Race pass and Event Result Page are enabled, repeat steps 5 through 11 to customize
  1. Repeat steps 6 and 7 for the Email and click Save & Continue   
  2. Click Select events and passes under Template setup at right side 
  3. Check the box next to the event name and click Finish
Was this article helpful? NO YES
Online
Chat
Email
Us