How do I match my header and footer?

I don’t see a footer at all?

chances are, you can reuse the css tho

Just find out what div/class is applying the css, and reuse it in the appropriate place in the header

Hello everyone,

RVoodoo,

I’m talking about the green bar image at the bottom of the page.

But the problem is that I don’t know where the appropriate place is to install the code for this green bar to make it appear on top of the header.

Any ideas on how to do this?

I understand what you are saying….I’m looking at your page….there is no green bar at the bottom of your page.

I see your left sidebar, which is quite long, it extends to the bottom of the browser window, then nothing. There is no green bar……

(I’m viewing in IE7)

Hello everyone,

RVoodoo,

I guess we’re obviously on different pages for this one.

I’m using IE8 and Firefox so I guess we’re not looking at the
same thing. The only thing I noticed is that the text size is
smaller in IE8.

The left sidebar IS the image that I’m talking about. It is on the left, on the right, and on the bottom of my page. I’m trying to figure out how to put it in on top of the page as well.

I inserted it in the page by replacing all the original images in the stylesheet. The name of the image is tile_back.gif.

I’m just trying to figure out how to add it to the top. There was no original image on top to begin with so I need to figure out where to begin. Any ideas?

Thanks,
Fernando

ahhhhh….do you mean that green gradient bar that is under your header image? you want it on top of your header image too?

I see a green gradient in your sidebars and under your header image…nothing is at the bottom of your page. You have no footer or anything…..

Anyway, to get that bar on top of your page, above your header image…just insert a class here in header.php:

<div id="wrap">
<div id="header">

call it whatever you want…..

<div id="wrap">
<div class="newGreenBar"></div>
<div id="header">

then in your style.css, add the background…..

.newGreenBar {
     background-image: url(../images/tile_back.gif) repeat-x;
     width: 900px;
     height: 30px;
     }

something like that works….I think…..If I’m understanding what you want
(I’m not at a computer with firefox to be able to use my plugins to figure this out properly…so it’s kind of a guess unfortunately)

make sure you have backups before messing around tho….

RVoodoo,

Thanks for your help. I’m getting closer. I inserted the code like you suggested and the greenbar didn’t show up, but it did put some white space on top of the header image; which is one of the things I was trying to figure out.

Maybe it would’ve helped if I had showed you this example from the begining. This is the header and footer I’m trying to match.
https://new.hydroponic-gardens.com/zencart/

I’m trying to make my wordpress theme look like my zencart theme.

So why do you think that the image didn’t show? Am I missing more code?

Thanks,
Fernando

RVoodoo,

I got it! I just replaced the code that was used on the bottom. But now that white space that was on top of the header disappeared. How do I get it back?

Thanks,

Fernando

RVoodoo,

Thank-you so much for your help. I’ve been working on that for sometime now. I couldn’t have done it without your help.

This is the code I installed.

Header.php
<div class="newGreenBar"></div>

Stylesheet

.newGreenBar {
     background-image:url(images/tile_back.gif);
     background-repeat:repeat-x;clear:both;
     height:25px;margin:0;padding:0 0 19px 0;
        }

Now I just need to install the links(Home About Blog Contact Store) into the green gradient bar like it is on my zencart site. https://new.hydroponic-gardens.com/zencart/

Any idea on how to do this?

Thanks,
Fernando