The University of North Carolina at Chapel Hill
Skip to main content

Logos

Logo Use Guidelines

The only official logos for use in university websites are the University Signature and the School/Division Signatures. Do not use other logos unless you have been granted an exception to do so by University Communications.

Replacing Logo Files

If you need to replace your logo files, make sure to first remove the original file, then upload a new file with a different file name. This will prevent the database from using a cached version of your old logo instead of actually using the new logo file.

Logo Locations in Heelium

There are three areas where logos are integrated into the Heelium theme. These logo areas predate the current university identity website header requirements and should only be used if you have been granted an exception by University Communications. Do not use the University Signature or the School/Division Signatures in any of the following logo areas.

Depending on the “Header Type” chosen in the “Theme Options” panel, your logos will be located in the top left of your header, the secondary logo will be located in the top right of your header, and your navigation bar logo will be located to the left of your navbar menu items if sticky navigation is active.  To upload custom logos to your site go to Dashboard > Appearance > Customize.

 

The customizer menu is located in the "Appearance" section of the WordPress dashboard

Primary Logo

If the “Site Name Above Navbar” layout is chosen in the Header panel under Theme Options, your logo will be displayed on the top left corner of all your pages. Go to the Site Identity section in the Customizer and upload your logo file.

Example of setting a primary logo in the customizer

Supported logo file formats: jpg, png, gif

The recommended max dimensions for the logo are height: 100px and width: 350px. For best results, try uploading a logo with those maximum dimensions. If there is no logo uploaded, Heelium will use your website title as logo.

Secondary Logo

If the “Site Name Above Navbar” layout is chosen in the Header panel under Theme Options, you can select a secondary logo to replace the search form in the header on the right side. Go to the Site Identity section in the Customizer and upload your logo file.

 

Example of setting a secondary logo in the customizer

Supported logo file formats : jpg, png, gif

The recommended max dimensions for the logo are height: 100px and width: 350px. For best results, try uploading a logo with those maximum dimensions. If there is no secondary logo uploaded, Heelium will display a search form in the header.

Navigation Bar Logo

The Navigation Bar Logo is the small image to the left of the navigation menu when viewing the site on a mobile device or if Sticky Navigation is active in Theme Options. If Sticky Navigation is enabled, the logo will appear on scroll once the top of your browser window comes in contact with the navigation bar.

Example of setting a navigation bar logo in the customizer

Supported mobile logo file formats : jpg, png, gif

The recommended max dimensions for the mobile logo are height: 75px and width: 75px. For best results, try uploading a logo with those maximum dimensions. Go to the customizer screen in the “Mobile Logo” section and upload your logo file.

Site Icon

The site icon is the image that appears to the left of a browser tab, in the bookmark bars, and within the WordPress mobile apps.
The interlocking NC is the only approved image for use as the site icon.
Site icons must be square.

Screenshot of the site icon options.

Site Title & Tagline

If you did not choose a logo, the title appears in the top left corner. If you do not want to have a tagline, just delete it and save.

Example of a text Site Title with no logo