Need help? Check out our Support site, then


Replace #site-title with image?

  1. How do I replace the #site-title and #site-description with an banner image?

    I've already uploaded the banner as media in wordpress but this doesnt seem to work:
    #site-title {
    background: url('images/thepicnicbasket.jpg');
    }

    So I was thinking.. I coul just hide both the site-title n site-display... but i still don't know how to show my image!
    #site-title {
    display: none;
    }
    #site-description {
    display: none;
    }

    Please help, thanks!

    The blog I need help with is thepicnicbasket.wordpress.com.

  2. specifying the width n height as recommended here
    http://en.forums.wordpress.com/topic/use-graphic-logo-in-place-of-site-title?replies=5
    isnt working either :/

    .site-title {
    background:url('http://thepicnicbasket.files.wordpress.com/2010/12/thepicnicbasket.jpg') repeat-x;
    width:567px;
    height:157px;
    }

  3. This should get you going in the right direction.

    h1#site-title a {
    color: transparent;
    }
    h1#site-title {
    background: url("http://thepicnicbasket.files.wordpress.com/2010/12/thepicnicbasket.jpg") no-repeat scroll 0 0 transparent;
    color: transparent;
    height: 157px;
    width: 567px;
    }
  4. hey thanks! it works ^.^
    don't really understand why but.. okay :D

    ah uh, how do i align it in the middle?

  5. Add the following to h1#site-title

    margin-left: auto;
     margin-right: auto;
  6. hey, sorry but it doesnt seem to be working... ):

  7. Add the following to the CSS window.

    #site-title {
    margin: 0.67em auto;
    }

    If you are using the preview function, make sure and refresh the preview page since it sometimes doesn't show the change till you do that.

  8. yes! it works! thank you so much, you're so helpful!! :D

  9. You're welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic