Header Logo |

Version Compare

Back to page history

Changes

Key:  Additions   Deletions

New header image formatting


What we did:
Removed the default padding around header logos to allow for full-bleed images on skins that begin at the very top-left corner of the header area. Now header logos will extend all the way to the lower portion of the toolbar without padding or borders around the image.

What you should know when designing a header logo now: Your site's top navigation area overlaps the header area by 6 pixels where it says “Home | Photo | Video,” etc. When designing your header logo, you can avoid overlapping by not including textual elements within 6 or more pixels of the bottom of the image. Any additional padding or borders are up to you!


How do I change the site name & logo?

Administrators and creators can change the style template of the site, upload a logo into the masthead area, or edit the site name by clicking on the 'Settings' in the upper right hand corner of the site.

Access Site Settings

To edit the site name or upload a logo, click on the “Name or Logo” link. You can type in a new site name or upload a logo image. You will see your changes on the site as you make them, but they will not be saved until you click on the “Save Changes” button.

Wiki Settings - Name & Logo

What size should my logo be?

Ideally, the image you upload for your site logo should not expand the header area of your site. Large headers make it harder for users to browse your site. The size of image you should use varies based on the style template you have chosen for your site. Style templates that have a white background in the heading area can support a much wider image than templates with a background image. In general, if you want to make sure your image will fit well regardless of which template you have chosen, use a 150 pixels wide x 85 pixels high image.

For sites with a white background, you can make your image much wider. Images can be up to 1200 pixels wide x 161 pixels high, but we recommend keeping your width around 780 pixels or lower so users with smaller resolutions don't get stuck with a horizontal scrollbar.


How can I get a free header logo?

Listed below are a few free logo generators on the web.