Replace #site-title with image?

  • Author
  • #546816

    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


    specifying the width n height as recommended here
    isnt working either :/

    .site-title {
    background:url(‘’) repeat-x;


    This should get you going in the right direction.

    h1#site-title a {
    color: transparent;
    h1#site-title {
    background: url("") no-repeat scroll 0 0 transparent;
    color: transparent;
    height: 157px;
    width: 567px;

    hey thanks! it works ^.^
    don’t really understand why but.. okay :D

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


    Add the following to h1#site-title

    margin-left: auto;
     margin-right: auto;

    hey, sorry but it doesnt seem to be working… ):


    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.


    yes! it works! thank you so much, you’re so helpful!! :D


    You’re welcome.

The topic ‘Replace #site-title with image?’ is closed to new replies.