Insert custom image in header before site title

  • JDK1313

    (@jdk1313)


    10 years, 4 months ago

    I have been trying to insert the code (tried a few) into the header.php to insert an image to the left of the site title and all that is showing up is a broken link. The image has been uploaded to the library so I’m lost as to what I did wrong.
    This is how the code looks after I inserted

    <img src="bio_pic_small.jpg"

<header id="masthead" class="site-header" role="banner">
		<div class="site-branding">
			<img src="bio_pic_small.jpg"> <h1 class="site-title"><a>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
			<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>

    [Moderator Note: Please post code & markup between backticks or use the code button. Your posted code has now been permanently damaged by the forum’s parser.]

    I am getting a broken image at the top of the page. Any suggestions? The site is http://www.wilsonpuleo.com , the theme is willingness.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Pioneer Web Design

    (@swansonphotos)

    10 years, 4 months ago

    Do this:

    Create a test page, add that media (in the size you want used for the logo) and post the link to the page here.

    Once we can see the live image we can suggest a fix.

    I would actually not use the Library for this. I would use an image processing program on my Desktop and create the image with the dimensions required, then upload (using FTP) the image to a new folder on the site called /images/ then I would use the full path to the file in the img tag:

    <img src="http://www.wilsonpuleo.com/images/bio_pic_small.jpg" ....review the link below for a proper use of the image tag>

    http://www.w3schools.com/tags/tag_img.asp

    Some CSS work will also likely be required.

    WPyogi

    (@wpyogi)

    10 years, 4 months ago

    You should also be asking this on the theme’s own forum – this appears to be a duplicate of:

    http://wordpress.org/support/topic/add-a-bio-picture-left-of-the-header-text?replies=

    Please continue there.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Insert custom image in header before site title’ is closed to new replies.

Tags