One new Thesis User mailed me and asked how to add clickable header banner into Thesis Wordpress theme. For those who are not aware of Thesis theme, they should read my review on Thesis Wordpress theme.
Adding Clickable header is quite easy in thesis wordpress theme. For those who are not aware of thesis customization, thesis customization if primarily controlled by custom.css and custom_functions.php and you need to thesis theme and design control panel.
To add a banner, you need to upload your banner using any free ftp client to your custom/images folder into Thesis wordpress theme.
You also need to note the size (height and width ) of your banner. Now add these codes into your custom.css and replace
- Image name
- Height and Width
.custom #header #logo a { display: block; height: 80px; width: 411px; background: url(images/logo.gif) no-repeat; outline: none; }
.custom #header #logo, .custom #header #tagline { text-indent: -9999px; }
.custom #header #tagline { height: 0; } .custom #header { padding: 0; }
.custom #header {border-bottom:none;}
In the above code note the images/logo.gif part. You need to replace your logo.gif part with your banner name. And also the height and width size. Providing wrong height and width part may not let your banner appear.
I’m sure this will help many those who have Thesis theme installed. If you looking for high end thesis theme customization. You should look at my thesis customization service page. For other thesis customization tips, browse thesis customization category.
Related posts:
- Download Thesis 1.6 Wordpress Theme
- Thesis Open Hook Wordpress Plugin : Easily customize Thesis Wordpress Theme
- Thesis Wordpress theme : SEO optimized wordpress theme
- How to add Twitter ID into Thesis wordpress Theme Comment Form
- How to add Digg and Tweetmeme Button In Thesis Wordpress Theme
- Thesis 1.6 Make Thesis customization Easy.
- How to Customize Thesis Theme Block Quote
- Why I love Thesis wordpress premium theme
{ 1 trackback }
{ 9 comments… read them below or add one }
Nice information bro, I am not using wordpress theme, well it will help for wordpress users.
I need this for four of my blogs, I just spoke with my one designer earlier today and he had tried to get this done but couldn’t figure it out.
Hopefully this will work on our applications, thank you
Great tips mate! But sadly I don’t know how to really use Thesis.
I think looking your site there are lots of information more than this that you can share with us about thesis customization. Where can I get the social buttons like you put below each post?
Thanks for sharing the tip, It is really helpful for me.
Thank you for the tip on further customizing Thesis. I recently purchased Thesis–and to be honest, I’m extremely frustrated with it. I can’t seem to get a grasp on the hooks (although, based on the few tutorials I’ve found–they’re supposedly easy to understand once you finally “get it”.)
My question is in regards to the clickable header *and* nav bar–as I see you have in your example image above. Is there a way to great my own nav bar (as an image) as well (and replace it with the Thesis current one?–obviously it would have to be clickable.)
Second, I would like to have my nav bar and header all full-width. I followed along with http://www.kristarella.com’s tutorials–but somehow I ended up with two headers and nav bars and my header image wouldn’t show up.
I’ve tried everything imaginable (including resetting Thesis)–and I still seem to be having issues. Here is the site I’m using as a test site. http://www.bustedbrilliance.com. I deleted all code that I previously had in my header (I think) to get it back to how it was.
I would appreciate your input. It seems there are only a few Thesis help forums around–and I’m happy to have found yours.
Thank You!
Lindsay
Hey Lindsay
The kind of customization which you trying to achieve can be done by CSS and need custom coding. Well I wish I can directly help you here but the coding all this will take time. Though you are welcome to take my professional services for thesis customization
http://www.shoutmeloud.com/services
Regards
Harsh
Thanks for the tutorial. The part about making my header clickable seems easy enough, but where do I insert code to make the click, well, click?
Example, if I want a click on my header to take the user to my products page
- “http://www.beatschindler.com/boots/myproducts” – what code would I insert where?
Thanks a bunch!
Beat
Thanks! Found a few post for this and yours was the only one that worked!!