Placing an image above the header

  • Resolved Bernie Mooney

    (@eatenbybears)


    14 years, 6 months ago

    I was roped, not really, into helping some friends with their blog. They want to change the theme to Notebook.

    I’m not too well versed in coding and I want to put their logo above the header in the empty space above it.

    I managed to be able to put text there, but I don’t know the code to bring in the image. If anybody can help it would be greatly appreciated.

    thanks,
    Bernie

Viewing 6 replies - 1 through 6 (of 6 total)

  • https://www.w3schools.com/tags/tag_img.asp

    <img src="https://www.yoursite.com/folder/imagefolder/image.jpg" alt="logo" />

    use an absolute image url for the image

    Thread Starter Bernie Mooney

    (@eatenbybears)

    thanks very much

    Thread Starter Bernie Mooney

    (@eatenbybears)

    So, I inserted that code (modified) as an absolute url and all I got was the alt text “logo.” No image.

    Any ideas?

    Thanks.

    • Check your URL to see if the image loads
    • Make sure you have ‘talking marks’ around the URL
    • If that’s all fine, try replacing it with some text. Just write ‘Hello’ and see where it appears… it could be a positioning/formatting problem.
    • Failing that, post your blog location and we’ll take a look for you
    Thread Starter Bernie Mooney

    (@eatenbybears)

    I decided to place the image in another location and it actually looks better there anyway.

    Thanks for the help

    If you’re going to add images manually and reference the src in the theme’s code, I think it’s better practice to keep the image contained within the theme folder. You could upload the image to an images folder in your theme folder, and then your image could be inserted as follows:

    <img src="<?php bloginfo('template_url'); ?>/images/yourimagename.jpg" alt="logo" />

    That way, your theme remains portable across WordPress installs.

    Perhaps useless info, but maybe good to know.

    John

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Placing an image above the header’ is closed to new replies.