Community Forums

You must be logged in to post

 
Search Forums:


 




Replacing the header – title/text and image with 1 custom image

UserPost

7:46 pm
March 25, 2009


melanieb

Member

posts 6

1

I would like to delete the green apples image and replace the title on the left with my custom header title and image (it is all one graphic).  How do I do that?  (sorry I am a complete newbie!)  Also, what size does my graphic need to be (right now it is 886×275).  Thank you in advance for any assistance!

7:26 am
March 26, 2009


Web Wench

Admin

posts 133

2

Post edited 7:28 am – March 26, 2009 by Web Wench


Hi Melanie (that's my sister's name!). It's fairly easy to do this. First, in the stylesheet, go to line #53 and look for this code:


#header {
    background: #fff url(images/green-apples.jpg) no-repeat bottom right;
    border-bottom: 1px solid #a8b772;
}


Replace the second line with this (don't forget the semicolon on the end):

background: #fff;

Next, go to header.php and look for this code (on or about line #18):


<div id=”headerimg”>
        <?php if (is_front_page()) { ?>
     <h1><a href=”<?php echo get_option('home'); ?>/”><?php bloginfo('name'); ?></a></h1>
 
<?php } else { ?>
      <a href=”<?php echo get_option('home'); ?>/”><?php bloginfo('name'); ?></a>
 
<?php } ?>   

Replace the code that I have highlighted in red (two places) with your image URL. If you want to take out the description, then delete this code (on or about line #25):

<div class=”description”><?php bloginfo('description'); ?></div>

Please let me know if you need any more assistance.

Please don’t PM me for support – post support questions on the forums for a speedy resolution.

9:11 am
March 28, 2009


melanieb

Member

posts 6

3

Help!!! ConfusedHere is what I did (below), but instead of the image displaying, on my header it shows the text: url(images/sitting-yoga.jpg)


<div id=”header”>
 <div id=”headerimg”>
  <?php if (is_front_page()) { ?>
     <h1><a href=”<?php echo get_option('home'); ?>/”> url(images/sitting-yoga.jpg) </a></h1>

<?php } else { ?>
      <a href=”<?php echo get_option('home'); ?>/”> url(images/sitting-yoga.jpg) </a>
 
<?php } ?>


What have I done wrong? Thanks!

9:52 am
March 28, 2009


melanieb

Member

posts 6

4

Success!!!! I hope I haven't screwed up anything else, but so far so good. Thanks SO much for your assistance on this.


When I'm done all the formatting I'll send you a message so you can see how I customized your amazing template!


2:35 pm
June 18, 2009


ozoz

New Member

posts 1

5

Post edited 2:39 pm – June 18, 2009 by ozoz


Hi

I need HELP.

I've followed all the instructions to upload my image (880 x 275 px) and where the header should be, I can only see the url of my image (Like Melanieb complained about 2 posts up).

Please advice me on what I have to do. Thanks and patiently waiting…

Regards

Ozoz


6:43 pm
August 5, 2009


jack

Member

posts 3

6

I tried what Melanie did and got the same result of seeing the url text rather than the image… what's the secret ingredient?! Smile

12:45 am
September 12, 2009


cherie

New Member

posts 1

7

I'm having the same problem ozoz and Jack.


Please help Liane!!


Why only the text “url(images/abc.jpg) instead of the photo?? :(


I'm desperate!FrownFrown

10:09 am
October 7, 2009


jack

Member

posts 3

8

jack said:

I tried what Melanie did and got the same result of seeing the url text rather than the image… what's the secret ingredient?! Smile


Dear WW,

I've made multiple attempts to make this work over the intervening months and am at wit's end. PLEASE HELP! (PP with sugar on top!)

Here's my php header code which gets me a box with a question mark in it instead of the image. The url path is correct so I just don't get it! –

<div id=”top”></div>

<div id=”header”>

<div id=”headerimg”>

<?php if (is_front_page()) { ?> 

     <h1><a href=”<?php echo get_option('home'); ?>/”><img src=”images/pakalogo_smallest.jpg” alt=”<?php bloginfo('name'); ?>” /></a></h1>


<?php } else { ?> 

      <a href=”<?php echo get_option('home'); ?>/”><img src=”images/pakalogo_smallest.jpg” alt=”<?php bloginfo('name'); ?>” /></a>

Thank you so much,

Jack Laugh


 

About the Rose City Gardens forum

Most Users Ever Online:

34


Currently Online:

3 Guests

Forum Stats:

Groups: 3

Forums: 11

Topics: 98

Posts: 288

Membership:

There are 96 Members

There has been 1 Guest

There is 1 Admin

There is 1 Moderator

Top Posters:

Rylie – 11

DVAGlobalGroup – 10

ladybugnessa – 9

Wavedancer – 8

baubs – 7

kfleonard3 – 7

Administrators: Web Wench (133 Posts)

Moderators: Web Wench (133 Posts)