Posted By

visualadvance on 05/19/10


Tagged

image wordpress replace Logo


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

josephknight
skopp


Wordpress: Logo Text to Image Replacement


 / Published in: CSS
 

URL: http://www.thewpmag.com/quick-projects/replacing-header-text-with-an-image/

Really handy tip for "replacing" the wordpress logo text with a logo image. It also preserves the text offscreen for SEO and readers that can't see images.

  1. h1 {
  2.   background: url(images/logo.png) no-repeat;
  3.   width: 389px;
  4.   height: 81px;
  5.   position: relative;
  6.   top: 30px;
  7. }
  8.  
  9. h1 a {
  10.   width: 389px;
  11.   height: 81px;
  12.   text-indent: -9000px;
  13. }

Report this snippet  

You need to login to post a comment.