<div style="font-family:Courier New, courier, monaco, monospace, sans-serif;font-size:10pt">Hi Roger , <br /><br />Thank you for the help and the details. I&#39;ll install Mayo theme and try again .<br /><br />Thank you&nbsp;&nbsp;once again.<br /><br />Luke.</div><br>  <div style="font-family: Courier New, courier, monaco, monospace, sans-serif; font-size: 10pt;"> <div style="font-family: times new roman, new york, times, serif; font-size: 12pt;"> <div  dir="ltr" > <font size="2" face="Arial"> <hr size="1">  <b><span style="font-weight:bold;">From:</span></b> Roger &lt;arelem@bigpond.com&gt;<br> <b><span style="font-weight: bold;">To:</span></b> support@drupal.org <br> <b><span style="font-weight: bold;">Sent:</span></b> Tuesday, 2 October 2012, 14:38<br> <b><span style="font-weight: bold;">Subject:</span></b> [support] change the Site name by an image<br> </font> </div> <br>I am coming in late on this discussion.<BR>In Bartik and Garland I find it
 difficult to change header things even <BR>if trying to change page.tpl.php so went to Mayo and set that up, it has <BR>a lot of advantages not available in Bartik or Garland.<BR><BR>The way I change the Site Name area is to leave those empty by going to <BR>Configuration -&gt; Site Information.<BR><BR>Then, I create my header image as a png or jpg, go to Admin -&gt; Blocks <BR>-&gt;Create New Block, Use CKeditor to download my header image to that <BR>block. No text, just the image.<BR><BR>Then set the block to appear in the header of your chosen theme and save.<BR><BR>In Firebug find that image, it will be very deep in the page structure <BR>and will have a name like<BR>&nbsp; block-block-name-number, It's not easy to find but firebug highlights <BR>blocks as you select them. Copy and paste that block name into a text file.<BR><BR>Then in the yourtheme/css file create a css file called positions.css <BR>and copy that id or class to the css code to
 position that image<BR>#block-block-23 /*or what ever*/ {<BR>position: relative;<BR>top:nn px;<BR>float:left;<BR>left:nn px;<BR>border 1px solid red; /*so you can find it on the page, comment this out <BR>when your positioning is correct*/<BR>}<BR>In themename.info point it to the new css file stylesheets[all][] = <BR>css/positions.css you will see where to put this.<BR>I put this positions.css first in the list, seems to work ok that way in <BR>Mayo.<BR><BR>Hope this helps<BR>Roger<BR>-- <BR>[ Drupal support list | <a href="http://lists.drupal.org/" target=_blank >http://lists.drupal.org/</a> ]<BR><br><br> </div> </div>