Wednesday, December 15, 2010

Change SharePoint 2010 Site Logo Via CSS

I thought that I created this post before, but I guess it was either the SharePoint 2007 Logo, or the SharePoint 2010 Search Button. So here it is.

Very much like the two examples above, if you simply want to change the site logo via CSS globally, or for a single site. Without having to go to the Site Actions > Site Settings > Title and description > adding in a URL to site logo. Then simply do the following:

  • Copy your image anywhere users can access it
  • Paste in the following CSS into your custom CSS file

.s4-titlelogo{
background-image: url(/_layouts/images/centraladmin_security_48x48.png);
background-position:left center;
background-repeat: no-repeat;
}
.s4-titlelogo > a > img{
visibility: hidden;
width: 48px;
height: 48px;
}

  • Update the background image URL path above in red to where you uploaded the image
  • Change the width and height above in Blue to match the image dimensions.

Before:
image

After:
image

Wednesday, December 1, 2010

Hide SP2010 “My Site” link in top navigation

To hide the “My Site” link in the SharePoint 2010 top navigation you can easily do this via CSS.

image

Simply add the following to your custom CSS.

.ms-globalnavicon{
display: none;
}

image

Now when you click on Site Actions > Site Settings > Top Link Bar. You can customize those links all you want and not have to worry about the “My Links” getting in the way. Its redundant/repetitive to the My Newsfeed link anyways. So I am not really sure why it was in there for the first place…

image