How to Add Clickable Header Image in Thesis

Mar 25, 2010 by Ajeet Khurana

As many or all of us know Thesis is the best SEO optimized and most customizable theme framework for wordpress, as it’s most customizable them framework for thesis then it’s very easy to customize thesis either it’s some minor customization or major customization every thing is easy with Thesis.

I got few mails asking how to add clickable  header image in thesis, so I made the decision to come up with a post describing how to add clickable header image in Thesis, so this will be much useful for those who are new to Thesis and want to get a nice looking header image in their blog using thesis.For those who are not aware of Thesis theme framework for wordpress they should read my review of Thesis WordPress theme.

Also read:

How to Move Navigation Menu Below The Header in Thesis

Customize Thesis with OpenHook WordPress Plugin

To add header image in Thesis wordpress theme you will have to login to your FTP account via any FTP client and upload the header image to custom/images folder in Thesis wordpress theme folder.

Below are the steps to add clickable header image in Thesis theme:

• Login to your FTP Account using FTP client
• Navigate to Thesis Theme Folder in wp-content/themes/ folder
• Rename Custom Sample folder to Custom
• Make new folder named images in custom folder within Thesis Theme Folder in wp-content/themes/ folder
• Upload the header image in images folder in folder named images in custom folder within Thesis Theme Folder in wp-content/themes/ folder
• Now Login to admin panel of your blog
• Select Custom File Editor option in Thesis options menu in admin panel of your blog
• Paste the code below in the file editor of custom.css file

.custom #header #logo a { display: block; height: 75px; width: 300px; 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;}

• Then Click The Big Ass Save button and you are done.

In the code above replace logo.gif with your own header image name (with extension) and also change height and width with your own header image height and width.If you provide wrong height and width the header image may not appear.

Hope this will be helpful for many of the people if you are looking for full thesis customization head over to my thesis customization services page and if you want to know more tips and tricks about thesis customization browse thesis customization category of TechnoZeast.

Grab a copy of Thesis theme

What People Are Looking For:

add link to header wp thesis, adding a header picture thesis themež, free clickable header theme wordpress, header image clickable in thesis theme, thesis clickable logo, thesis header image clickable, thesis theme make header image clickable, thesis wordpress header clickable.