Image instead of text in title

Could you post a link to your site. We can get a better idea of what’s involved then.

Just as an aside, though, it’s not usually a good idea from a SEO perspective to use an image instead of text. The search engines’ bots can’t read anything that’s contained in an image.

Having text *and* an image is OK, though.

But it’s your site, so if you want just an image I’m sure we can help.

Cheers

PAE

Hi ??

This is my site, It is a work in progress: https://hildurgunnlaugs.is/
I really like the simple look of theme but I would like to have this image: https://hildurgunnlaugs.is/wp-content/uploads/Headline.png as the title (instead of the “Hildur Gunnlaugs” title) and maybe also a text underneath it as you suggested so it can be searched.

I am not very familiar with code but I am good at following instruction.

Thanks so much.

I should also say that I tried to paste this :
<div id=”logo”>
/”><img src=”https://hildurgunnlaugs.is/wp-content/uploads/Headline.png&#8221; alt=”st” title=”st” />
</div>

into the header.php and delete the text from the title box but there was such a large gap between the image and the rest that it just didn’t look nice :S

This is the bit of header.php you’re interested in:

<div id="branding">
  <div id="blog-title">
    <span>
      <a href="https://hildurgunnlaugs.is/" title="Hildur Gunnlaugs" rel="home">
        Hildur Gunnlaugs
      </a>
    </span>
  </div>
  <h1 id="blog-description">arkitekt FAí</h1>
</div>

One thing you might try is to insert your image immediately after the opening tag of the branding div, or after the opening of the blog-title div, depending on which looks best. You will also need to add a style for div#branding img (or div#blog-title img) if you need to float the image.

Don’t worry about gaps and stuff. We can sort that out with CSS: or, at least, I’d be surprised if we couldn’t.

Once again, I would exhort you to use a child theme. They’re trivially easy to create and can save you a lot of grief later on.

HTH

PAE

Hi ??
Thank you very much for your reply.
I don’t really know where to put this code.
Maybe I am just doing it all wrong.
I have been using appearance->Editor and then I select the Buddymatic theme to edit and then choose the header.php at the side.

The only mention af “header” there is this :

<?php thematic_aboveheader(); ?>

<div id=”header”>
<?php thematic_header() ?>
</div><!– #header–>

I don’t see anything about branding or blog title… I am sure I’m doing this all wrong…

And I don’t know what a child theme is…

I’m sorry for my complete ignorance :S

Hmm. It’s a Thematic based theme. Looks as though you’re going to have to do some PHP.

This explains how to add a background image to the header, for instance.

I just googled for “thematic_header()”

It looks to me as though the function thematic_header() — which you’ll find in functions.php by the way, by the way — just echoes the code I mentioned in my previous post, although that’s just a guess as I don’t have a copy of the theme handy. So you could try manipulating the output from that function.

HTH

PAE

This explains about child themes.

HTH

PAE