SharePoint Customization Tip: Another way to add a company logo

I have posted several workaround/tips on adding a company logo to the page without having to unghost your site, or create a site definition. This is another way you can do it using the theme. This isn’t exactly an optimal way of doing things but it is fast and effective.

Using CSS we can manipulate the page and add your company logo like so:

First Add some padding to top of your page by adding padding-top to the BODY in your theme:

body {
padding-top: 40px;
}

This will push everything down 40 pixels (you can decide on a number) and leave you with some space at the top to work with.

Next you can create a logo and add it as a background also to the BODY in your theme:

body {
padding-top: 40px;
background-image:URL(yourlogo.gif);
background-repeat:no-repeat; /* You don’t want it to tile! */
background-position:top left;
}

I used this example in a theme I created recently:

themetip_logo.gif

That’s it, simple but effective. You can position it however you like the main thing is to make sure you add no-repeat because you really don’t want it to tile.

Happy Customizing!

You may also like...

1 Response

  1. Shane says:

    This is not a great option afterall, turns out the body properties are inherited in a few other html pages along the way and can actually cause adverse affects.

I would love to hear from you.

%d bloggers like this: