Change SharePoint 2010 Site Logo Via CSS

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:

After: