Feeds

Adding a logo

PerformancingAds
Submitted by shaneA on June 27, 2008 - 10:49pm in

Hi,

This is a great theme. However, is it possible to add a logo next to the Blog title in the header. I don't want to replace the title with the logo, just have the logo to the right of the title.

Thanks for your help.

Shane


Hello Shane

I have not checked out the theme, but it should be relatively easy.

The header should be placed within a header.php file within the theme's folder. If you go to that, there should be some

tags. If you search for "logo" or "blog name" or "blog title" or something similar, you should find that it has
<?php
blog_title
()
?>
or something similar. Now, all you need to do is add a new
tag.

However, adding the

tag requires some CSS editing skills.

So, let's just assume that you wanted to add an image to the right after the title:

<div id="title"><?php blog_title()?></div>

You simply need to add another

which will have an image to the logo:
<div id="logo">|IMAGE & LINK TO LOGO|</div>

That is all you really have to do as far as the code of the actual blog is concerned.

Next you'd need to add something like this to the style.css file:

#title
{
font: Monaco;
font-size: 10px;
}

#logo
{
float: right;
margin-left: 10px;
margin-top: auto;
margin-bottom: auto;
}

And all that should be a good starting point. There are plenty of resources on using CSS, you should try Google.

However, this should give you an idea on what you need to do.

If you need more assistance, please let me know.

Thanks.

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <h2> <h3> <h4> <img> <div> <a> <em> <strong> <code> <ul> <ol> <li> <dl> <dt> <dd> <blockquote> <span> <table> <td> <tr> <caption> <th> <hr> <pre> <br> <p> <object> <param> <embed> <strike>
  • Lines and paragraphs break automatically.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
14 + 5 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.