Replace #site-title with image?

thepicnicbasket · Member · Dec 16, 2010 at 2:37 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
thepicnicbasket · Member · Dec 16, 2010 at 2:51 pm
Copy link
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;
}

thesacredpath · Member · Dec 16, 2010 at 8:15 pm

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

thepicnicbasket · Member · Dec 17, 2010 at 4:03 pm
Copy link
hey thanks! it works ^.^
don’t really understand why but.. okay :D

ah uh, how do i align it in the middle?
thesacredpath · Member · Dec 17, 2010 at 6:35 pm
Copy link
Add the following to h1#site-title
```
margin-left: auto;
 margin-right: auto;
```
thepicnicbasket · Member · Dec 26, 2010 at 6:21 pm
Copy link
hey, sorry but it doesnt seem to be working… ):
thesacredpath · Member · Dec 26, 2010 at 6:25 pm
Copy link
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.
thepicnicbasket · Member · Dec 26, 2010 at 6:33 pm
Copy link
yes! it works! thank you so much, you’re so helpful!! :D
thesacredpath · Member · Dec 26, 2010 at 6:35 pm
Copy link
You’re welcome.

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

WordPress.com forums

Replace #site-title with image?