Tips and tricks: Your wiki’s logo

You want to get your wiki just right — including the way it looks. And while we think the Wikispaces bonsai logo is pretty fantastic, it might not be right for you. That’s why we made it easy to change the logo for one that better represents you, your classroom, or your organization. All you need is an image file (.jpg, .png, or .gif) and the advice below.

Use the right size image for your logo.
If your logo is too large, it can push the important parts of your wiki right off the screen. If it’s too small, it can just look kind of silly. We recommend using a logo image that’s about 140 pixels wide by 48 pixels high.

If your logo is too large or small, you can either select another image, or use your favorite image editing software to resize your logo. There are a lot of different programs out there, but these three are simple and free:

  • Preview (Mac)
  • Paint (Windows)
  • Gimp (free image editing software)

Add your wiki name to a custom logo.
When you upload a custom logo, it will replace the bonsai logo and the name of your wiki. There are two simple solutions for this. The first is to make sure that the name of your wiki is part of the image you use as a logo (again, your favorite image editing software will help you do this).

If you feel comfortable with HTML and CSS, and your wiki is on a Plus, Super, or Education plan, or part of a Private Label site, you can modify the theme of your wiki to add the title next to the logo. Our custom themes help page will show you how to do that.

Upload your custom logo.
Now that your logo is ready, it’s time to add it to the wiki:

  1. Go to Manage Wiki.
  2. Under Settings, click Look and Feel.
  3. Scroll down to Logo and hit the Browse button.
  4. Select your prepared logo file.
  5. Hit Save.

Restore the original logo.
Like we said, we think the bonsai logo is pretty great, so we understand if you want to bring it back. You can revert to the default logo any time you want with a few simple steps:

  1. Go to Manage Wiki.
  2. Under Settings, click Look and Feel.
  3. Scroll down to Logo and hit the Reset to Default button.

Troubleshooting
If the image you uploaded is too big, it might push some of the contents of your wiki off the visible screen. If that happens, don’t panic. It’s easy to fix:

  1. Go to Manage Wiki. The large logo may have pushed it off the visible screen, but it will still be there. Scroll down and to the right until you find it.
  2. Under Settings, click Look and Feel.
  3. Scroll down to Logo, where you’ll see the preview display of your logo image.
  4. Hit the Reset to Default button. No matter how big the image is, the Reset to Default button will be immediately under its lower right corner.
This entry was posted in Tips and Tricks. Bookmark the permalink. Both comments and trackbacks are currently closed.
  • Wikispaces Private Label

    Our flexible, scalable wiki environments deliver unlimited wikis, simple editing tools, and powerful central administration for organizations of all sizes.
    Find out more.
    Start your free, 30-day trial.

  • About Us

    Welcome to our blog! This is where we share updates about events and new releases, tips and tricks for using wikis, profiles of a few of our favorite wikis, and more. We're proud to serve a large community of educators, as well as individuals, groups, and organizations of all stripes and sizes.

    Contact us.
    Call us: 415-863-8919
    Site status · We're hiring!

  • Join Us for a Webinar

    Our monthly webinars are a great way to check out examples, learn from experts, and get real-time answers to your questions. Our webinars are always fun, and always free.
    Sign up today.

  • Wikispaces for Educators

    If your wiki is used exclusively for education, you might be eligible for a free upgrade to one of our K–12 plan or Higher Education plan wikis.
    Learn more about our K–12 plan.
    Learn more about our Higher Education plan.