KB User's Guide - SitePref Tab - Uploading a New Site Logo

NoteInformation symbol

You must have full administrative permissions in your space to perform these steps.

KB Admins, if you want to replace the group logo that displays in the upper left-hand corner of your internal and external KB sites, you can upload a new one under the SitePref tab. Follow the steps below.

If your KB site has the UW Theme for KB applied to it, please contact us at kb-team@doit.wisc.edu with your specifications. We are happy to help.

Image File Formats

Using your preferred image-editing software, create/ update the existing KB Logo and store on your hard drive in one of the following formats:

  • *.png
  • *.gif
  • *.jpg

Update Your KB Logo

FullView Layout/CSS page with the internal landing page and internal non-landing page panels expanded highlighting their logo image path fields and corresponding upload buttons

  1. In the KB Admin Tools, navigate to the SitePref tab and select the FullView Layout/CSS link on the left.
  2. Find either the Internal or external panels and select the one to expand for the logo you are attempting to change:
    • If you are updating the logo fixed center layout (i.e. the unique photo-based layout that you can optionally have enabled as your homepage), expand the Internal or External Site Landing Page Layout / CSS panel, and go to Internal or External landing page logo image path.
    • If you are updating the logo for your main site layout, expand the Internal or External Site Non-Landing Page Layout / CSS panel, and go to Internal or External site logo image path.
  3. Click on the Upload link next to the appropriate field.
  4. A pop-up window will appear called Logo folder for your group space.
  5. Click on the Browse... button, navigate to the location of the updated KB Logo, and confirm the file to select it for uploading.
  6. The file will be uploaded automatically, displaying a confirmation message. After a second, the name of the image should now appear in the Image table below.
  7. Copy the image path from the pop up window (example: /images/groupXXX/logo) into the text field for the logo you want to update.
  8. Append that image path with the name of the image (example: /images/groupXXX/logo/updated_logo.png)
  9. Click on the Update button at the bottom of the page
  10. Navigate to the Live site and check the change to the logo you just made.



Keywords:update updating replace group space header banner title image dimensions width height   Doc ID:41487
Owner:Leah S.Group:KB User's Guide
Created:2014-06-27 10:02 CDTUpdated:2022-07-12 16:26 CDT
Sites:KB User's Guide
Feedback:  0   0