How to insert image logo in blog profile?

[siulynot]

Hi, I just installed blog profile's processwire and want to change the title for an image logo. 

Im a newbe on processwire and on coding so sorry for my question. 

[JeffS]

Welcome to the forums siulynot. 

If you are talking about replacing the H1 tag used to display the homepage headline with an image on the blog profile pages, then you would need to modify /site/templates/main.inc include file starting at line 60. 

<div id="site-headline" class="twelve columns alpha">
   <?php echo "<a href='{$config->urls->root}'><h1>{$homepage->headline}</h1></a>"; ?>
   <?php if($homepage->summary) echo "<h5>{$homepage->summary}</h5>"; ?>
</div>

Example: You could add a span tag in the H1 containing the $homepage->headline , use css to move it out of the flow, and add a background image to the H1 tag in your css. Or get rid of the text and just use an image.  Hope that helps. 

[siulynot]

Welcome to the forums siulynot. 

If you are talking about replacing the H1 tag used to display the homepage headline with an image on the blog profile pages, then you would need to modify /site/templates/main.inc include file starting at line 60. 

<div id="site-headline" class="twelve columns alpha">
   <?php echo "<a href='{$config->urls->root}'><h1>{$homepage->headline}</h1></a>"; ?>
   <?php if($homepage->summary) echo "<h5>{$homepage->summary}</h5>"; ?>
</div>

Example: You could add a span tag in the H1 containing the $homepage->headline , use css to move it out of the flow, and add a background image to the H1 tag in your css. Or get rid of the text and just use an image.  Hope that helps. 

I really dont know code... what would the final code be? I found that line 60 in main.inc but i dont know what to change on it.

[siulynot]

Ok, so i got the header with a logo image

Tried to work around imitating other processwire installation i have with a common site and ended up with this at the main.inc file around line 60:

<div id="masthead" class="sixteen columns">

<div id="site-headline" class="twelve columns alpha">
<a href='<?php echo $config->urls->root; ?>'><p id='logo'>ProcessWire</p></a>

</div>

Then added a logo tag to the CSS in the main css like this in the masterhead section:

#logo {
                position: relative; 
                left: 0;
padding-bottom: 0; 
padding-top: 0;
margin: 0;
background: url(images/logo.png); 
width: 392px;
height: 100px; 
                text-indent: -9999px; 
}

I dont know if i did it right, but it worked out for me