Replace #site-title with image?

  • Author
    Posts
  • #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 thepicnicbasket.wordpress.com.

    #547023

    specifying the width n height as recommended here
    https://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;
    }

    #547034

    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;
    }
    #547081

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

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

    #547082

    Add the following to h1#site-title

    margin-left: auto;
     margin-right: auto;
    #547105

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

    #547106

    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.

    #547107

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

    #547108

    You’re welcome.

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