Forums / Templates, Stylesheets, Page Layout / Usual header size adjustment not working

Usual header size adjustment not working

Views: 675

Results 1 to 6 of 6
1 Aug 2011, 4:03 AM
#1
plsony avatar

plsony

New Zenner

Join Date:
Jul 2009
Posts:
54
Plugin Contributions:
0

Usual header size adjustment not working

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.

1 Aug 2011, 10:44 AM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Usual header size adjustment not working

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.

1 Aug 2011, 4:38 PM
#3
plsony avatar

plsony

New Zenner

Join Date:
Jul 2009
Posts:
54
Plugin Contributions:
0

Re: Usual header size adjustment not working

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?

1 Aug 2011, 4:59 PM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Usual header size adjustment not working

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.

1 Aug 2011, 5:10 PM
#5
plsony avatar

plsony

New Zenner

Join Date:
Jul 2009
Posts:
54
Plugin Contributions:
0

Re: Usual header size adjustment not working

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.

1 Aug 2011, 5:56 PM
#6
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Usual header size adjustment not working

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.