Customizing the Public Interface

Customize This Page

The language on each page on the Public site can be customized to fit your company's terminology. 

To customize page language:

1. Click the Public View icon.
2. On the public site, navigate to the page you want to customize.
3. Expand the Menu .  
4. Select Customize This Page.
5. A new Admin tab will open, where you can view the editable language.
6. Enter a new label in the custom value field and click Save

You can also select different pages on the Admin side by clicking on the dropdown menu next to Page

Customize Public Side Theme

The theme controls the overall visual look of the public site. By adding your logo and custom colors, 

To customize the theme:

1. Click the Public View icon.
2. Expand the Menu
3. Select Customize Theme.
4. Upload a logo in the Logo section if one has not already been uploaded.
5. [Optional] Upload a Desktop Banner image or Mobile Banner image. 
   • Without a Banner, UltraCamp will display your logo along with your organization’s address.
6. [Optional] Customize site colors by selecting or entering values for Foundation Color, Highlight Color, Text Link, Link Rollover Color, Menu Items, and Menu Hover. 
   • Enter RGB, HSL, or hex values if you have exact branding specifications.
7. Enter custom styling in the Advanced CSS section if you have CSS knowledge.
8. Click Save

Logo

Your logo can appear in different parts of UltraCamp. 

• The public site, where your clients register, will display your logo if you do not have a custom banner. 
• Email correspondence and confirmations also include your logo as part of the message. 
• Acceptable file formats include: GIF, JPG (JPEG), PNG

PNG vs JPG

• PNG files can support transparency. JPG (JPEG) files do not support transparency and will have a background.

Banner Sizes

• Desktop Banner size: 2000px x 250px 
  • If no banner is uploaded, UltraCamp will use your logo
     
• Mobile Banner size: 750px x 100px 
  • If no mobile banner is uploaded, the Desktop Banner or Logo be used. These will scale to display on a mobile device.

Custom Colors

You can keep the default colors or select ones that better match your brand.

1. Click on the color bars 
2. Select the new color from the color picker*
3. Choose from preselected colors or click on additional options to enter the HEX Color # or RGB values

Test for Accessibility: When customizing colors make sure to consider accessibility for color blindness. Chrome has several extensions to that you can use to preview your page: Colorblindly and RGBlind.

*Color pickers may look different depending on your platform (PC/Mac) and/or web browser.