Hi there,

This is what I see

Unfortunately I have limited resources to help with customizations like this. If you need additional help implementing/troubleshooting this customization, please submit a request here: http://themolitor.com/custom

Hope you understand.

Best,

Chris

I managed to get it to show up but the image is covering our social icons? Any advice? Richardcyoung.com

Thanks Chris

Hi there,

I see an error in your markup here...

<img id="headerImage" src=”http://www.richardcyoung.com/wp-content/uploads/2014/02/Barrons-2013-Top-100.png" a href="http://www.younginvestments.com/" alt="" />

It looks like your combining an img tag and an a tag.

Best,

Chris

Please correct me if I'm wrong but I added the above codes here to the Style.css file

/*---------HEADER STUFF-----------*/
#header {position: relative;margin: 0 auto;  width:100%; border: 4px solid #555; border-width: 4px 0;}

#dateSocial {padding: 0 8px; border-bottom: 1px solid #e9e9e9; font: 12px/32px Sans serif;}
#socialStuff {float: right;line-height: 32px;}
#socialStuff a {margin-left: 3px; line-height: 32px;}
#socialStuff a img {vertical-align: middle;}

#headerImage {position: absolute; top:0; right:0; display: block;}
#logoTagline {text-align: center; padding: 32px 0; border-bottom:1px solid #e9e9e9; }
a.logo  {display: inline-block; text-align: center;}
#tagline {font:bold 16px/1em serif;}

I've added the Image here to the header.php file. Yet still no luck.

<div id="header">
	<div id="dateSocial">
		<?php if($twitter || $facebook || $rss){?>
		<div id="socialStuff"><?php _e('Follow Us:','themolitor');?>  <?php if($twitter){?><a>" href="<?php echo $twitter;?>"><img src="<?php echo $templateUrl; ?>/images/twitter.gif" alt="twitter" /></a><?php } if($facebook){?> <a>" href="<?php echo $facebook;?>"><img src="<?php echo $templateUrl; ?>/images/facebook.gif" alt="facebook" /></a><?php } if($rss){?> <a>" href="<?php echo $rss;?>"><img src="<?php echo $templateUrl; ?>/images/rss.png" alt="RSS" /></a><?php } ?></div>
		<?php } ?>
		<?php echo date('l F jS, Y');?>
	</div><!--end dateSocial-->

	<div id="logoTagline">
		<a>">
			<?php if($logo){?>
			<img src="<?php echo $logo; ?>" alt="<?php echo $siteName; ?>" />
			<?php } else { ?>
			<img src="<?php echo $templateUrl; ?>/images/logo.png" alt="<?php echo $siteName; ?>" />
			<?php } ?>
		</a><!--end logo--> 

<img id="headerImage" src=”http://www.richardcyoung.com/wp-content/uploads/2014/02/Barrons-2013-Top-100.png" a href="http://www.younginvestments.com/" alt="" />

		<h3 id="tagline"><?php echo get_bloginfo('description');?></h3>
	</div><!--end logoTagline-->

I would appreciate any thoughts or help. Thank You.

Hi there,

Use a standard image tag...

<img id="headerImage" src="" alt="" />

And place it anywhere inside the header div. It's absolutely positioned, so it doesn't really matter where you place it, just as long as you don't properly place it without markup errors.

Hope that helps.

Best,

Chris

Thanks for getting back to me Chris. I dropped the code into the stylesheet you gave me. What is the code I need to drop in the header.php and where should I drop in in at? Would it be after the logoTagline or before?

Thanks

Hi there,

You could try something like this...

#headerImage {position: absolute; top:0; right:0; display: block;}

Then just add the image markup (with id headerImage) in the header div.

Hope that helps.

Best,

Chris

Hi is there code to add an image to the right hand side of the header without adjusting the location of the header name and logo? Thanks