"ZenCart Zen" Template Support

[dbltoe]

notageek
One major thing you seem to have done different from what Clyde suggested in #201 was that you added the <ul id="topMenu"> around the li tags for your extra items.
Try removing the <ul id="topMenu"> and its closing tag and see if things won't clear up.

[notageek]

Dbltoe,

Thanks for your reply. I did try several placements with and without the <ul></ul> tags. I also checked out several CSS header add-ons for clues. I ended up turning on the EZ Pages top menu and adding EZ pages. This lowered the template body so that the links show in simple text.

I have one problem, in that my EZ Pages header text is crossing over a line at the top of my body text. I suspect that's a CSS issue.

I will be trying to find where to adjust that line position in the future when time permits, but if anyone can speed me along with another clue, that would be helpful.

Thanks for your help with this template, and for letting me know about wonderful Clyde's unexpected passing.

Notageek

[notageek]

Hi. I searched the forum and found the solution to adapting the lower line of my EZ Pages header so that it does not cross the second row of EZ Pages links:

I went to includes/templates/zencart_zen/stylesheet.css

I found:

#navEZPagesTop {
margin:1em auto 0;
padding:0.9em 0 0;
border-bottom:1px solid #999;
height:24px;
line-height: normal;
text-align: center;
font-size: 1.1em;
font-weight: bold;
color: #000;
}

I changed height:24px;
to: height:34px;

I was able to do this due to the following post which is Post #2 at the following link:

t=150390&highlight=pages+header

Changing the width of . . .

How did I know the current width of your mainWrapper and your header image?

Install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. A very handy tool.

It took a bit of elbow-grease and some guesswork and scouring the forum but it paid off. Thanks to the Zen community for providing the tools to help us increase our knowledge and skill level.

The final result is seen at www go karaoke machine dot com (name spread out to avoid search engine)

Notageek

[ATSWorld]

Hi all

Not sure if anyone is able to help but would like some help with the logo ..I want to move it to the middle and make it a lot wider than it is now ..I tried using 1.3.9 directions but it didn't seem to make any difference ...am using on 1.5 and is working well just the adjustment needed

thanks
Andy

[ATSWorld]

after a bit of digging found it
includes/languages/english/zencart_zen/header.php