Toolbox Header Image

ab75173 · Member · Jan 19, 2012 at 8:53 pm
Copy link

Add topic to favorites
I have the toolbox theme and I’m looking to change the linked text header to an image but am having trouble.

The blog I need help with is: (visible only to logged in users)
timethief · Member · Jan 19, 2012 at 9:00 pm
Copy link
Exactly what kind of trouble are you having? Please provide details. Have you purchased a custom design upgrade and is this a CSS editing question?
Theme description > http://theme.wordpress.com/themes/toolbox/
ab75173 · Member · Jan 19, 2012 at 9:05 pm
Copy link
I do have custom design upgrade. This is a CSS editing question. I don’t know what the code is the change the text link header to an image link header. #site-title { ? }
thesacredpath · Member · Jan 19, 2012 at 9:31 pm
Copy link
You would do something like this, upload your image to the media library, get the URL and replace IMAGE URL between the double quote marks with the URL of your image. Then adjust the height and width to match the height and width of your image. There could be bunches of other adjustments that will be necessary depending on how large your logo image is and where exactly you want it positioned. This is the best I can do without seeing the image, so there are no guarantees.
```
#site-title {
background: url("IMAGE URL") no-repeat scroll 0 0 transparent;
height: 150px;
width: 250px;
}

#site-title a {
display: block;
height: 150px;
text-indent: -999px;
width: 250px;
}
```
The second bit of code above will make your logo clickable and then move the text site title way off to the left so it isn’t visible.

If you also want to hide the tagline/site description, add this as well.
```
#site-description:
display: none;
}
```
ab75173 · Member · Jan 19, 2012 at 10:01 pm
Copy link
It worked great. Thanks so much! You can view my site here: ab75173.wordpress.com/
thesacredpath · Member · Jan 20, 2012 at 1:22 am
Copy link
You are welcome.

No items found.