Usual header size adjustment not working

**plsony** · 1 Aug 2011, 05:03 AM

Thanks guys and gals!

My header used to be just an image, I changed it with links and facebook like and twitter follow.

www.midwestnotebooks.com

Used to be able to adjust the size of the header in the stylesheet here:
#headerpic {
position: relative;
background: url("../images/hd.jpg");
background-repeat: no-repeat;
height: 70px;
width: 950px;
}

When I change the height from 70px, either larger or smaller nothing seems to happen.

Is the one of those cache delays?

Any ideas?

Thanks in advance.

**stevesh** · 1 Aug 2011, 11:44 AM

From your source:

<div id="headerpic">
<div id="slogan">
<h1></h1>
<h2></h2>
</div>
</div>

There's nothing in the div with that id name.

**plsony** · 1 Aug 2011, 05:38 PM

Thanks,

I am not quite sure what that means.

Do I need to add the size I want to the tpl_header.php and not in the stylesheet?

**stevesh** · 1 Aug 2011, 05:59 PM

You're trying to style the <div> with the id of 'headerpic', but nothing in the header is inside that div, so nothing's happening. You also have an extra set of <html>, <body> and <head> tags around your header stuff which doesn't really work. It looks like you pasted it in from some kind of WYSIWYG editor.

I would fix that first, then use the Developer's Tool Kit to find where the 'headerpic' id is (probably in tpl_header.php) and make sure it surrounds the parts you want to style.

**plsony** · 1 Aug 2011, 06:10 PM

Thanks,

Can you tell me the proper method to get html in the header?

It seems to do what I want with the facebook/twitter buttons.

I have a feeling the proper method is quite complex and would need to wait until I understand .php better.

**stevesh** · 1 Aug 2011, 06:56 PM

Not really, no. You just need to write the HTML yourself, rather than pasting it from an editor, which tends to add the extra tags I mentioned, or paste it into a text editor from the WSYIWYG editor and remove the <html>, <head> and <body>tags. Can't hurt to remove any inline styling, too, which may interfere with what Zencart is trying to do in the stylesheet.

For example, from your code:

<table style="text-align: left; width: 448px; height: 54px;"border="0" cellpadding="2" cellspacing="2" >
<tbody>
<tr>
<td><img style="width: 250px; height: 50px;"

Everything in red could easily be done in the stylesheet by giving the table and table elements id or class names. (Whether or not you should use tables for this is another discussion.)

I know nothing about PHP and manage to style Zencart, so that's not anything you need to learn.

Thread: Usual header size adjustment not working

Thread Tools

Search Thread

Display

Usual header size adjustment not working

Re: Usual header size adjustment not working

Re: Usual header size adjustment not working

Re: Usual header size adjustment not working

Re: Usual header size adjustment not working

Re: Usual header size adjustment not working

Similar Threads

v139h Need Header Adjustment

NOT using the usual download method but...

Removing footer from template (not the usual).

Firefox is okay (mostly) -- as usual IE is not

Header space, not the usual! (with pics)

Posting Permissions