Logo Upload Guidelines

As part of the LeagueApps login experience, your members will see your organization’s logo on the login screen.

If you don’t have a logo uploaded into LeagueApps, or your logo doesn’t match the guidelines outlined in Step 1 below, please follow these instructions to ensure that your logo will display correctly on your members’ login screen. 

Step 1: Choose the right logo format

Guideline #1: Logos are displayed at a maximum height of 50px and a maximum width of 200px, and are positioned to the left of the LeagueApps logo.

Screen_Shot_2022-01-12_at_11.28.19_AM.png

Guideline #2: Logos should be uploaded without padding within the image file. Adding padding will result in unbalanced logo placements.

Screen_Shot_2022-01-12_at_11.28.31_AM.png

Guideline #3: When using stacked logos, consider legibility. Sometimes, using just the logomark may be preferable to using the name+logomark lockup.

Screen_Shot_2022-01-12_at_11.28.44_AM.png

Guideline #4: When using horizontal logos, bear in mind the maximum display width of 200px. Logos that are wider than the maximum display will be resized to the maximum display width of 200px and vertically centered. We do not recommend using long name + logomark lockups. Instead, consider Guideline #3, above, and use the logo icon by itself.

Screen_Shot_2022-01-12_at_11.28.56_AM.png

Guideline #5: Do not use a logo that is purely white on a transparent background, as this will not display against the white login screen. If you are using a transparent background behind your logo, you should replace that with the color of your website background

 

Step 2: Upload your logo into LeagueApps

  1. Once you have a logo file that is in the right format, sign in to LeagueApps at https://manager.leagueapps.com/

  2. In the top navigation bar, hover over Design and then click Theme Editor from the dropdown
    Screen_Shot_2022-01-12_at_11.29.06_AM.png

  3. In the first tab labeled Skins, click the [+] sign next to Logo at the top
    Screen_Shot_2022-01-12_at_11.29.15_AM.png

    NOTE: If you are on the original version of the theme editor, you will view the Images tab instead of the Skins tab
    Screen_Shot_2022-01-14_at_1.09.54_PM_copy.png

  4. Click Choose File underneath the Media Manager section
    Screen_Shot_2022-01-12_at_11.29.33_AM.png

    NOTE: If you are on the original version of the theme editor, you will click the Upload an Image button under the Logo header
    Screen_Shot_2022-01-14_at_1.09.54_PM.png

  5. Select the logo file from its respective location on your computer

  6. Once it’s finished uploading, click the Save Changes button at the bottom of the screen

  7. If you already had a logo uploaded, and you replaced this logo, you will see this pop-up - click the Yes button
    Screen_Shot_2022-01-12_at_11.29.42_AM.png

Step 3: Review Your Logo

Your logo appears both on the LeagueApps Registration Site and on the login page.  You will want to review both after uploading a new logo. 

  1. View your registration site by visiting the Program Details page.  You can find links in your management console.  When viewing any program, click the View button on the left hand side under Main Details.

    Screen_Shot_2022-01-12_at_11.29.52_AM.png

  2. You can view the login page directly from the Program Details page by selecting the Register button.Screen_Shot_2022-01-12_at_11.30.09_AM.png


    NOTE:
    If you do not have registration open for that program, you can select either the  Log In or Sign Up links from the top right hand corner of your page. 
    Screen_Shot_2022-01-12_at_11.30.18_AM.png

 



Was this article helpful?
0 out of 0 found this helpful