Simple Zen Template - Support Thread

guoxiang:

Hi Jade,

Thanks for sending me the raw file for the topnav. I think the site looks better now. :D

Jade, I'm not a programmer, I have one question. How do I get rid of that white border appearing at my header?

See picture for what I mean:

You can view the website here

Regards
Cheng King Xiang

I'm not positive, as its not happening in Firefox, but I would try adjusting the padding and/or line-height here just a tad.

#navMain ul

{
padding-top: 0.5em;
list-style-type: none;
text-align: center;
line-height: 2em;
}

jettrue:

I'm not positive, as its not happening in Firefox, but I would try adjusting the padding and/or line-height here just a tad.

#navMain ul

{
padding-top: 0.5em;
list-style-type: none;
text-align: center;
line-height: 2em;
}

Hi Jade, thanks for replying.
I've tried to adjust the padding and line-height for #navMain ul but it don't seem to work.
I've also tried to add padding-top for #logoWrapper to try pushing the header up to close the white border but it's not working also.
I think it's only happening for IE. I've seen it for Firefox, the white border is not there. Strange... :huh:
Jade, don't get too bother about this if you are. It's just a small issue. I'll try to figure that out again if my client happen to nag me for that. :P

Cheer
Cheng King Xiang

guoxiang:

Hi Jade, thanks for replying.
I've tried to adjust the padding and line-height for #navMain ul but it don't seem to work.
I've also tried to add padding-top for #logoWrapper to try pushing the header up to close the white border but it's not working also.
I think it's only happening for IE. I've seen it for Firefox, the white border is not there. Strange... :huh:
Jade, don't get too bother about this if you are. It's just a small issue. I'll try to figure that out again if my client happen to nag me for that. :P

Cheer
Cheng King Xiang

It's most probably something with the navmainwrapper section, not the logo section, I'd also try messing with any navMainWrapper font sizes, or and navMainSearch padding as well.

jettrue:

It's most probably something with the navmainwrapper section, not the logo section, I'd also try messing with any navMainWrapper font sizes, or and navMainSearch padding as well.

Tried with no luck.. I wonder if anyone had similar issue like mine?

The current codes from my stylesheet.css
#logoWrapper

#logoWrapper {
	background: url(../images/top_back.gif) bottom;
	background-color: #000000;
	height:159px;
	width:750px;
	}

#navMainWrapper

#navMainWrapper {
	background: url(../images/gradient.gif) repeat-x;
	font-weight: bold;
	color: #fff;
	width: 100%;
	font-size:1em;
	border-bottom:1px solid #333;
	height:34px;
	}

#navMain ul

#navMain ul {
    padding-top: 0.5em;
	list-style-type: none;
	text-align: center;
	line-height: 2em;
	}

#navMainSearch

#navMainSearch {
	margin:0 auto;
	text-align:right;
	padding:4px 2px 0 0;
	font-size:.9em;
	}

Regards
Cheng King Xiang

:wacko: ok, I need help please!...I'm pulling my hair out! this is a tall order!
the zen cart concerned..... is here
http://crankedclothing.com/crankedclothingcart/

there are a few alignment issues i'm trying to deal with..
1: aligning the logo, I thought I could adjust it using #logowrapper...as Jettrue suggested above....but no luck. how can I?
2: I cannot figure out how to adjust the entire body text downwards. the objective is to add a simple link menu bar. so that the zen cart page looks like other pages on my site......example here http://crankedclothing.com/
3: how can I move the (home: login) links that are above the logo to instead rest below the logo in addition to main links pointing to the rest of my site?

also...how can I change the title of my zen cart page( tabs in browser)?
and how can I change fonts in individual parts of the cart rather than a global change?

one more thing...I cannot figure out how to change the font colors for the text spanning the borders of the (wrappers boxes?) IE: "choose your search terms" in advanced search.....how?

sigh...I understand.... if you cannot be bothered to answer all my questions as it is a lot.....but any help is greatly appreciated...and btw you guys ar tops for helping us users out! Thank you! Thank you! Thank you!

Aggro

aggrovated:

there are a few alignment issues i'm trying to deal with..
1: aligning the logo, I thought I could adjust it using #logowrapper...as Jettrue suggested above....but no luck. how can I?

Align it how?

aggrovated:

2: I cannot figure out how to adjust the entire body text downwards. the objective is to add a simple link menu bar. so that the zen cart page looks like other pages on my site......example here http://crankedclothing.com/
Lower starting after the logo? After the Tee shirts link?

aggrovated:

3: how can I move the (home: login) links that are above the logo to instead rest below the logo in addition to main links pointing to the rest of my site?
Open up includes/templates/simple_zen/common/tpl_header.php and move the #navmainwrapper sectin below the logo. As far as "in addition to main links pointing to the rest of my site", I don't understand what you want to do there.

aggrovated:

also...how can I change the title of my zen cart page( tabs in browser)?
includes/languages/english/meta_tags.php

aggrovated:

and how can I change fonts in individual parts of the cart rather than a global change?
Choose "view source" in your browser, see what id or class is nearest to the text you want to change, then in your stylesheet, apply the font to ONLY that tag. So if you want to change the font for the Home link in the footer, change the font for #navSuppWrapper

aggrovated:

one more thing...I cannot figure out how to change the font colors for the text spanning the borders of the (wrappers boxes?) IE: "choose your search terms" in advanced search.....how?

Those can be affected by the "legend" tag in css:

legend {color:#ffffff}

Though I think IE forces blue, don't know if the above will work in IE or not.

Align it how?
moving the logo to the left and down slightly...I guess using padding in #logowrapper?

Lower starting after the logo? After the Tee shirts link?
all text body lower including the tee shirt link... but now after moving the (home: log-in) links, I guess I need to lower those as well.

Open up includes/templates/simple_zen/common/tpl_header.php and move the #navmainwrapper sectin below the logo. As far as "in addition to main links pointing to the rest of my site", I don't understand what you want to do there.
thank you!...that worked....main links meaning a menu bar... I can probably add (home: log-in) links into the menu bar...so my question is...how can I add more links to that set of links (home: log-in) to basically make it my menu bar?

includes/languages/english/meta_tags.php
thank you again!..of course I'm leaving proper credits to zen cart.

Choose "view source" in your browser, see what id or class is nearest to the text you want to change, then in your stylesheet, apply the font to ONLY that tag. So if you want to change the font for the Home link in the footer, change the font for #navSuppWrapper
I might have to get a third party source viewer for IE to do that....thanks for that idea...will make the job a lot easier.

Those can be affected by the "legend" tag in css:

legend {color:#ffffff}

Though I think IE forces blue, don't know if the above will work in IE or not. ahh thanks! that worked...and applying the desired color in css made it perfect.

I also want to thank you for you prompt responses to my questions...:clap: did I mention that your awesome too?

Thanks again for your help Jettrue....looks like I'm getting the detials fixed through trial and error...woo! php is very tedious to work with...I wonder if there is a more visual method to working with php...IE: instead of working in code view, work in design view.

Thanks again...

aggrovated:

Thanks again for your help Jettrue....looks like I'm getting the detials fixed through trial and error...woo! php is very tedious to work with...I wonder if there is a more visual method to working with php...IE: instead of working in code view, work in design view.

Thanks again...

Use Firefox for css changes. I install the "Web Developer" toolbar for Firefox, and it is essential for making css adjustments. You can make css adjustments right there in the browser, see instantly how they look. You can also use the "view style information" option to know what section needs adjusting in the stylesheet.

As far as working with php, its a lot of trial and error, at least for me. If you're just moving things around though, it just takes a lot of care to make sure you're copying and pasting just the right chunk.

If you have any specific other questions, just let me know!

ok i'll try firefox,thanks again

QQ: how can I disable "navecattabs" and "navsupp" links? I tried disabling them in css but That isnt working and I can't find the php where these classes reside...index.php?

aggrovated:

ok i'll try firefox,thanks again

QQ: how can I disable "navecattabs" and "navsupp" links? I tried disabling them in css but That isnt working and I can't find the php where these classes reside...index.php?

You can do the navcattabs in the admin. Turn of the categories under "Configuration", "Layout Settings", "Categories-Tabs Menu ON/OFF"

For the Home Link in the footer, open up includes/templates/YOUR_TEMPLATE/common/tpl_footer.php and remove this portion:

If you want to remove the copyright, you can open up includes/languages/YOUR_TEMPLATE/english.php and make FOOTER_TEXT_BODY blank like this:

define('FOOTER_TEXT_BODY', '');

You are beautiful....thank you!

got another question...

How can I make #headerwrapper go all the way to the very top of page?

aggrovated:

got another question...

How can I make #headerwrapper go all the way to the very top of page?

Remove the margin here:

div#mainWrapper {
margin-top:42px;
text-align: left;
width: 800px;
vertical-align: top;
}

thanks again...
another q: #navcattabs.....how can I change the word "Home"?

I decided to use top navigation with links only. I want the links to show in sidebox in the right column. Any suggestions?

Shelia

Shelia:

I decided to use top navigation with links only. I want the links to show in sidebox in the right column. Any suggestions?

Shelia

What links? Can you be more specific? Link to your site please?

Sorry the nav links, Shopping Cart, Contact Us, My Account - I would prefer to get rid of them - the login box will provide most of what I want.

Store Link

Thanks!

Shelia

Shelia:

Sorry the nav links, Shopping Cart, Contact Us, My Account - I would prefer to get rid of them - the login box will provide most of what I want.

Store Link

Thanks!

Shelia

The easiest way to do this, is to add this to your stylesheet:
#tagline {display:none;}

Thanks for the help and this great template - I am still working on the design but you've made it so easy for me.

Shelia