http://www.kriesi.at/support/topic/replace-logo-with-mouseovers Support Forum - Topic: Replace logo with mouseovers en-US Tue, 21 May 2013 08:09:31 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/replace-logo-with-mouseovers#post-68847 Thu, 02 Aug 2012 02:33:34 +0000 envisagedesign 68847@http://www.kriesi.at/support/ <p>That did the trick - thanks! </p> <p>I now a 4-link mouseover graphic of my logo in the header. It busts a line when viewed on a smartphone but, meh - that's the price of progress! </p> http://www.kriesi.at/support/topic/replace-logo-with-mouseovers#post-60993 Tue, 19 Jun 2012 18:48:45 +0000 Devin 60993@http://www.kriesi.at/support/ <p>Hey envisagedesign,</p> <p>In your header.php search for this line:<br /> <code>echo avia_logo(AVIA_BASE_URL.&#39;images/layout/logo.png&#39;);</code></p> <p>That is the function call to output the theme logo you set in the backend or the default one. Looking at your example, I would suggest just commenting that out or deleting it. Then go up a few lines to where you see:<br /> <pre><code>&lt;div class=&#39;container&#39;&gt; &lt;?php</code></pre> <p>You can add your new logo content in between those two so that you don't have to bother with php and can just add in the straight html/css. So something like:<br /> <pre><code>&lt;div class=&#39;container&#39;&gt; &lt;h1 class=&#39;logo&#39;&gt;&lt;a href=&#39;http://envisage-design.co.nz/&#39;&gt;&lt;img src=http://210.48.67.31/envisage-design.co.nz/images/logo3.jpg alt=&#39;&#39; /&gt;&lt;/a&gt;&lt;/h1&gt; &lt;?php</code></pre> <p>Then you can change the logo H1 to your other logo area design and modify the CSS to adjust it as needed. Keep your css changes to custom.css in the css folder and save a copy of the header.php so that when you update the theme in the future you can re-add these changes.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/replace-logo-with-mouseovers#post-60843 Mon, 18 Jun 2012 22:48:00 +0000 envisagedesign 60843@http://www.kriesi.at/support/ <p>I want to replace the logo (area) in my Angular-themed site with something like this <a href="http://envisage-design.co.nz/images/envisage-logo.htm" rel="nofollow">http://envisage-design.co.nz/images/envisage-logo.htm</a></p> <p>You can see how the current logo looks here <a href="http://envisage-design.co.nz/" rel="nofollow">http://envisage-design.co.nz/</a></p> <p>What would be the best way to do this? </p>