<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: How to Add Your Custom Banner Image to the Thesis Theme Header &#8211; CSS Version</title>
	<atom:link href="http://www.doublemule.com/how-to-add-banner-image-thesis-theme-header-css-custom/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.doublemule.com/how-to-add-banner-image-thesis-theme-header-css-custom/</link>
	<description>Half as Smart.  Twice as Stubborn.</description>
	<lastBuildDate>Thu, 02 Feb 2012 20:53:38 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<item>
		<title>By: The Mules</title>
		<link>http://www.doublemule.com/how-to-add-banner-image-thesis-theme-header-css-custom/#comment-7847</link>
		<dc:creator>The Mules</dc:creator>
		<pubDate>Thu, 02 Feb 2012 20:53:38 +0000</pubDate>
		<guid isPermaLink="false">http://www.doublemule.com/?p=488#comment-7847</guid>
		<description>Tom,

In the interface for Thesis, go here, and look for this...

WordPress &gt; Thesis &gt; Site Options &gt; Design Options &gt; Display Options &gt; Header

[x] Show site name in header

Change this selection to not-checked.  Same goes for tagline, if selected.  Save.  You will no longer have a header div with populated text.

Now for your PHP section.  OpenHook is not a herd favorite.  

Our method would be to add this to your custom_functions.php file... if it is your first-ever edit, at the bottom should be dandy...

&lt;pre&gt;function mule_header() {
?&gt;
&lt;div class=&quot;mule-header&quot;&gt;
&lt;a href=&quot;YOURSITE.COM&quot;&gt;
&lt;img src=&quot;YOURSITE.COM/IMAGE_PATH&quot; 
width=&quot;900&quot; height=&quot;169&quot; alt=&quot;add alt text here&quot; /&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;?php
}
add_action(&#039;thesis_hook_before_header&#039;, &#039;mule_header&#039;);

remove_action(&#039;thesis_hook_before_header&#039;, &#039;thesis_nav_menu&#039;);
add_action(&#039;thesis_hook_after_header&#039;, &#039;thesis_nav_menu&#039;);&lt;/pre&gt;

Where YOURSITE.COM will be the link destination.  

The URL for your image, to replace &quot;IMAGE_PATH&quot; above, would be...

&lt;pre&gt;wp-content/uploads/2012/02/2-Photo-Coach-Zen-Banner.jpg&lt;/pre&gt;

Your banner becomes a linked image with modifiable alt text... and the navigation should flip below it.

To remove the visible padding on the now-empty header div, in custom.css, add...

&lt;pre&gt;.custom #header { padding-bottom: 0em; padding-top: 0em; }&lt;/pre&gt;

On the photo question... the herd quietly plays here as time allows...

http://mulehides.com/photomules/

Cheers.</description>
		<content:encoded><![CDATA[<p>Tom,</p>
<p>In the interface for Thesis, go here, and look for this&#8230;</p>
<p>WordPress > Thesis > Site Options > Design Options > Display Options > Header</p>
<p>[x] Show site name in header</p>
<p>Change this selection to not-checked.  Same goes for tagline, if selected.  Save.  You will no longer have a header div with populated text.</p>
<p>Now for your PHP section.  OpenHook is not a herd favorite.  </p>
<p>Our method would be to add this to your custom_functions.php file&#8230; if it is your first-ever edit, at the bottom should be dandy&#8230;</p>
<pre>function mule_header() {
?&gt;
&lt;div class=&quot;mule-header&quot;&gt;
&lt;a href=&quot;YOURSITE.COM&quot;&gt;
&lt;img src=&quot;YOURSITE.COM/IMAGE_PATH&quot;
width=&quot;900&quot; height=&quot;169&quot; alt=&quot;add alt text here&quot; /&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;?php
}
add_action('thesis_hook_before_header', 'mule_header');

remove_action('thesis_hook_before_header', 'thesis_nav_menu');
add_action('thesis_hook_after_header', 'thesis_nav_menu');</pre>
<p>Where YOURSITE.COM will be the link destination.  </p>
<p>The URL for your image, to replace &#8220;IMAGE_PATH&#8221; above, would be&#8230;</p>
<pre>wp-content/uploads/2012/02/2-Photo-Coach-Zen-Banner.jpg</pre>
<p>Your banner becomes a linked image with modifiable alt text&#8230; and the navigation should flip below it.</p>
<p>To remove the visible padding on the now-empty header div, in custom.css, add&#8230;</p>
<pre>.custom #header { padding-bottom: 0em; padding-top: 0em; }</pre>
<p>On the photo question&#8230; the herd quietly plays here as time allows&#8230;</p>
<p><a href="http://mulehides.com/photomules/" rel="nofollow">http://mulehides.com/photomules/</a></p>
<p>Cheers.</p>
]]></content:encoded>
	</item>
</channel>
</rss>

