Replacing Title/Header with an Image?

Any questions about styling and customising the layout, changing the number of columns, changing the number of sliding images and so on.

Re: Replacing Title/Header with an Image?

Postby Paula » Tue May 03, 2011 3:26 am

Paula wrote:Hi,
I'm trying to put my custom banner back up (http://dashrconsulting.com) after I accidentally upgraded my highly customized theme. Doah! I sure do wish I had read your note first about not upgrading. :D
Anyway, the code in the instructions does not seem to match the code in header.php
Did it change with the upgrade? If so, how do I upload my header?

Also were do I go to resize the sidebars? My content no longer fits in the 3 colum layout.

Thanks,
Paula


OK, ugly hack for the image banner in the header.php, but it works for the time being.

<div id="wrapper" class="hfeed">
<div id="header">
<div id="masthead">
<div id="branding" role="banner">

<?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
<<?php echo $heading_tag; ?> id="site-title">
<span>
Delete all code in this span & insert something like this -> <a href="/"><img src="/path/to_your.jpg" height="xxx" width="xxx" alt="Description" border="none"></a>
</span>

Hope this helps until a more elegant solution is forthcoming.
Paula
I'm new here
 
Posts: 3
Joined: Mon May 02, 2011 6:32 pm

Re: Replacing Title/Header with an Image?

Postby evergree » Wed May 04, 2011 5:59 am

Thanks for posting that Paula, it worked fine for me!
evergree
I'm a regular
 
Posts: 5
Joined: Wed May 04, 2011 5:03 am

Re: Replacing Title/Header with an Image?

Postby jake5000 » Fri May 06, 2011 4:59 pm

Hi
New to the forum. I got the header image done. Unfortunately, it aligns left. Which line(s) of code in Header or Stylesheet do I modify or add to get it to line up in the center?
www.axcesswired.com
jake5000
I'm new here
 
Posts: 2
Joined: Fri May 06, 2011 4:55 pm

Re: Replacing Title/Header with an Image?

Postby jake5000 » Fri May 06, 2011 9:36 pm

Found the answer in another post.
Add the <div align="center"> in front of the image source as below

<div align="center"><img src="/wp-content/uploads/2008/12/logo.gif" width="650" height="175"> </div>
jake5000
I'm new here
 
Posts: 2
Joined: Fri May 06, 2011 4:55 pm

Re: Replacing Title/Header with an Image?

Postby Paula » Sun May 08, 2011 4:03 pm

@jake5000, thanks for that centering code, works like a charm.

I can also verify that my ugly header.php hack still works after the upgrade that was recently pushed out. That upgrade cures the ugly CSS voodoo seen in IE and Chrome from the previous version.

So, Happy Mother's Day to all of you! :D
Paula
I'm new here
 
Posts: 3
Joined: Mon May 02, 2011 6:32 pm

Re: Replacing Title/Header with an Image?

Postby CCC7 » Wed May 11, 2011 11:59 pm

Hey, all

I finally got my custom image header inserted onto my website and was also able to center align it.

Here's a link to my site to show what it currently looks like: http://www.theculinarycurio.com

However, as you'll notice, I can't get rid of the header text that shows up below it.

Actually, what I would like is for the description (in small white font) to remain but for the large text in black to disappear (where it says The Culinary Curio).

I looked over several of the header topic threads, including this one and I am still confused because each time there's a solution presented, it is presented to someone else's unique problem. I never had an issue with a vertical line showing up, for example. At least in FireFox I haven't.

So for now I just need help only with this issue explained above.

I'd appreciate any help anyone can offer to provide a solution to this problem I am having. Thanks in advance.
CCC7
I'm new here
 
Posts: 4
Joined: Sat May 07, 2011 7:13 am

Re: Replacing Title/Header with an Image?

Postby mbe » Tue May 17, 2011 1:00 pm

I have entered my header image and made my site title and description "invisible." Everything is working great in chrome, firefox, opera and safari ... however in Internet Explorer my site title and description are still showing over top of my background image. I don't want to totally get rid of them for SEO purposes, and would prefer not to just move them over -5000px ... does anyone have any other suggestions of what i can do to make the site title and description invisible in internet explorer?
Thanks much!
mbe
I'm new here
 
Posts: 3
Joined: Sat Apr 10, 2010 2:36 pm

finding 'header.php'

Postby Sorta » Wed May 18, 2011 5:29 pm

Trying to get started here... how to I navigate to 'header.php' . Thanks.
Sorta
I'm new here
 
Posts: 1
Joined: Wed May 18, 2011 5:21 pm

Re: Replacing Title/Header with an Image?

Postby madamski » Fri May 20, 2011 10:09 pm

Running into some issues, and I'm so impressed with those helping out with this! I can't get this to work so I figured I'd post what I have so far in visual form as well as the code. I'd like to place an image as a header. I don't care if the text stays there or not...I can work around it or just add it in with Photoshop. I WOULD like to make the image clickable.

www.pfsnetwork.net

Here is the code I likely butchered to death in my styles.css file:

/* =Header
-------------------------------------------------------------- */

#welcomeheading
{

/*as say before by kckal */

width: 940px;
height: 40px;
display: block;
background: url(wp-content/uploads/2011/05/banner.png) no-repeat top center; /http://www.pfsnetwork.net/wp-content/uploads/2011/05/banner.png/

/*following code is already there, keep it*/

text-align: center;
position: absolute;
margin-top: 25px;
margin-left: 300px;
margin-right: 0;
}

/*following code is to hide the title and description without really hide them, because Google don't like the "display", so we put them far away */

#welcomeheading h1 a {
position: absolute;
left: -5000px;
top: -5000px;
text-indent: -5000px;}
madamski
Legend!
 
Posts: 15
Joined: Sun May 01, 2011 8:09 pm

Re: Replacing Title/Header with an Image?

Postby Draco » Thu Jun 02, 2011 6:43 pm

I feel like I'm on a search and destroy mission. :D Is there a cliff notes version on how to do this? I don't know where to put the various codes in either the header.php or style.css sheets, I get internal server errors at times when trying things out, etc. I'm able to reverse the damage, so that's all good. I just need a very simple and direct instruction booklet on how to add an image. (It's my bipolar and ADD kicking in, ya know.) Anyhoo, any help on this would be greatly appreciated. Thanks!
Draco
I'm new here
 
Posts: 1
Joined: Thu Jun 02, 2011 6:10 pm

PreviousNext

Return to Advanced - Customising the theme