The following tutorial, in my opinion, is the easiest way to add a clickable header image….

First, make sure your image is in your custom.css file…

Next, in your custom_functions.php file, create a simple function and assign it a div tag with a unique name so you can style the header area in your custom.css…

function myheader() {?>
<div class=”myheader-space”></div>
}

Next, add the image to the function with the complete file path to the image and give it a class name so you can style the image size in your custom.css…

function myheader() {?>
<div class=”myheader-space”><img class=”myheader” src=”http://www.my site.com/wp-content/themes/thesis/custom/images/headerimage.jpg”/></div>
}

Next, wrap the image with the link to where you want the header image to click to…

function myheader() {?>
<div class=”myheader-space”><a href=”http://www.where I want it to go.com”><img class=”myheader” src=”http://www.hedonism-inc.com/wp-content/themes/thesis/custom/images/headerimage.jpg”/></a></div>
}

Finally, remove the default header and replace it with your new one…

function myheader() {?
<div class="myheader-space"><a href="http://www.where I want it to go.com"><img class="myheader" src="http://www.my-site.com/wp-content/themes/thesis/custom/images/headerimage.jpg"/></a>>/div>
<?
}
remove_action(’thesis_hook_header’,'thesis_default_header’);
add_action(’thesis_hook_header’,'myheader’);

Go to your Dashboard —->Appearance —->Thesis Options —->Navigation Menu…

Just click and hold between the boxes and you can drag them into whatever order you want.

In your custom.css add the following code and replace “your link name” with whatever link you want to change…

.custom  “your link name” a{outline: none;}

Go here to download and install the plugin

Go to Dashboard —-> Thesis Options…

Type in whatever you want in the subscribe box, hit the save button

Uncheck the the “show feed link in nav menu”, hit the save button.

In your custom.ss file add the following code. You can put it anywhere you want but I recommend putting it at the top. Remember, once you make the change, save it, and upload the new file to your server. Always describe what you’re doing by putting your descripton between the comment tags /* */ at the beginning shown below in green. The comments aren’t shown on your rendered page and it just makes things easier for you to remember…

/*post title link styling*/
.custom .headline_area a {whatever link styles you want to use ;}
.custom .headline_area a {whatever link styles you want to use ;}
.custom .headline_area a {whatever link styles you want to use ;}

To learn more about link styles check out W3schools

In your custom.ss file add the following code. You can put it anywhere you want but I recommend putting it at the top. Remember, once you make the change, save it, and upload the new file to your server. Always describe what you’re doing by putting your descripton between the comment tags /* */ at the beginning shown below in green. The comments aren’t shown on your rendered page and it just makes things easier for you to remember…

/*sidebar link styles*/
.custom .sidebar a {your styles here ; }
.custom .sidebar a:visited {your styles here ; }
.custom .sidebar a:hover {your styles here ; }

To just target individual sidebars all you have to do is place a number after .sidebar like this…

.custom .sidebar_1  a {your styles here ; }
.custom .sidebar_2  a {your styles here ; }

To learn more about link styling check out W3schools

In your custom.ss file add the following code. You can put it anywhere you want but I recommend putting it at the top. Remember, once you make the change, save it, and upload the new file to your server. Always describe what you’re doing by putting your descripton between the comment tags /* */ at the beginning shown below in green. The comments aren’t shown on your rendered page and it just makes things easier for you to remember…

/*link styles in post or page*/
.custom .format_text a {put your custom styles here for links;}
.custom .format_text a:visited {put your custom styles for links that have already been clicked on ;}
.custom .format_text a:hover {put your custom styles for when you hover over a link without clicking on it ;}

In your custom.ss file add the following code. You can put it anywhere you want but I recommend putting it at the top. Remember, once you make the change, save it, and upload the new file to your server. Always describe what you’re doing by putting your descripton between the comment tags /* */ at the beginning shown below in green. The comments aren’t shown on your rendered page and it just makes things easier for you to remember…

/*link styles*/
.custom a {put your custom styles here for links;}
.custom a:visited {put your custom styles for links that have already been clicked on ;}
.custom a:hover {put your custom styles for when you hover over a link without clicking on it ;}

The above does a sitewide link customization. If you want to just target links in a post or page then check out this tutorial