Simple Zen Template - Support Thread

Hi,
I am using the simplezen template (which is lovely)and would like some advice if possible.
Not sure if it is specific to the template so just say if I need to ask elsewhere.
My site is here and I have got it looking as I wish in IE7 but not firefox, the categories are way down the page not over the image like in IE7
Does anyone know how I could get it to look the same in firefox as it does in IE7.
Many thanks for any help

stephy:

Hi,
I am using the simplezen template (which is lovely)and would like some advice if possible.
Not sure if it is specific to the template so just say if I need to ask elsewhere.
My site is here and I have got it looking as I wish in IE7 but not firefox, the categories are way down the page not over the image like in IE7
Does anyone know how I could get it to look the same in firefox as it does in IE7.
Many thanks for any help

Well, your logo needs to be shorter, It is 600 pixels tall, and that is why it is pushed down. Its the incorrect handling of IE that is making it look OK in IE.

Thank you for your reply.
I thought it was odd that it looked okay:smile:
Is there anyway I can move it from being a logo to being a background.
As I would like to keep the image as it is and not reduce the size.
Many thanks for any help.

stephy:

Thank you for your reply.
I thought it was odd that it looked okay:smile:
Is there anyway I can move it from being a logo to being a background.
As I would like to keep the image as it is and not reduce the size.
Many thanks for any help.

You could change mainWrapper to this:

div#mainWrapper {
margin-top:25px;
text-align: left;
width: 850px;
vertical-align: top;
background:url(includes/templates/simple_zen/images/logo.gif)no-repeat;
border:5px solid #transparent;
}

then open up includes/templates/simple_zen/common/tpl_header.php

and change:

<div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT, HEADER_LOGO_WIDTH, HEADER_LOGO_HEIGHT) . '</a>'; ?></div>

to this:

<div id="logo"></div>

You'll also need open the logo in an image editing program to make a 34 pixel gap at the top of the image, so that the logo starts after the Home Login bar. Hope that makes sense.

Thank you for your help.
I have done what you wrote (i think)
but no image is showing.
Have i missed something?
Thank you.

stephy:

Thank you for your help.
I have done what you wrote (i think)
but no image is showing.
Have i missed something?
Thank you.

Sorry, change:

background:url(includes/templates/simple_zen/images/logo.gif)no-repeat;

background:#ffffff url(../images/logo.gif)no-repeat;

stephy:

I have got it looking as I wish in IE7 but not firefox, the categories are way down the page not over the image like in IE7
Does anyone know how I could get it to look the same in firefox as it does in IE7.
Many thanks for any help

I have my site looking right in Firefox and not IE! I have a gap of space in the header and the categories links are overlapping the header. Any suggestions? Thanks!

Shelia

jettrue:

Sorry, change:

background:url(includes/templates/simple_zen/images/logo.gif)no-repeat;

background:#ffffff url(../images/logo.gif)no-repeat;
Thank you for your reply.
It has worked brilliantly in firefox but is not showing image or change of colour in IE7.
I have deleted my cookies just in case that was the problem but still hasn't changed.

stephy:

Thank you for your reply.
It has worked brilliantly in firefox but is not showing image or change of colour in IE7.
I have deleted my cookies just in case that was the problem but still hasn't changed.

Try it like the below?

background:url("../images/logo.gif") no-repeat;

Thank you ever so much the image is showing lovely now.
:smile:

stephy:

Thank you ever so much the image is showing lovely now.
:smile:

Great, it may have just been the missing quotes, try adding back the #ffffff now, so that the background for the content is all white:

background:#fff url("../images/logo.gif") no-repeat;

(you can use #fff instead of #ffffff)

stephy:

Thank you ever so much the image is showing lovely now.
:smile:

Also, I'll just offer the quick opinion that I think it would look better if the "home login" header would have a pale blue (matching the daisy color) background image, vs. gold.

My site is making me nuts.... its fine in Firefox but there is a gap above my logo and overlapping in IE!

Help! Any suggestions? Thanks!

Shelia

i've got everything running but i was just curious if i about the space between the logo and topnav that has to be filled in with the same type of background, i wish i could just remove it and let logo and topnav conect. plus it's perfect in firefox but the whole header is off in IE take a peek.

https://www.gorillagear.ca

MB1:

i've got everything running but i was just curious if i about the space between the logo and topnav that has to be filled in with the same type of background, i wish i could just remove it and let logo and topnav conect. plus it's perfect in firefox but the whole header is off in IE take a peek.

https://www.gorillagear.ca

Take out the margin-bottom:5px; from navMainWrapper.

that got rid of the gap in fixfox but not in IE

Hello Again!

I am in the process of upgrading my cart to 1.3.8a from 1.3.7.

I am using your template SZ v2.0 (haven't upgraded to v2.1 yet)

I saw this mentioned in the whats new for 1.3.8, does this affect us, or do we need to change anything in our CUSTOM stylesheets?

Stylesheet changes:

• media manager ... converted IDs to Classes: .mediaTitle, .mediaTypeLink
• textarea ... removed float:left
  ADDED NEW STYLE SELECTORS for Shipping Estimator output:
• #shoppingcartBody #shippingEstimatorContent
• .seDisplayedAddressLabel
• .seDisplayedAddressInfo
• .seShipTo

UPGRADING YOUR TEMPLATES

Since version 1.2, Zen Cart™ has had a major overhaul of the templating system for v1.3. As such, you have two options:
upgrade your existing template by applying the new stylesheet and moving a few lines of code around; or
the best way to have almost-tableless and much tidier template code, is to make a new template (based on template_default or the new "green" classic introduced in v1.3.5) and carefully re-apply your own customizations to the new template system.

Change: CSS -- Some template ID tags changed to classes because rendered from inside a loop
BugFix: media manager template was using duplicate CSS IDs. Changed to classes in stylesheet

Thanks!

dharma:

Hello Again!

I am in the process of upgrading my cart to 1.3.8a from 1.3.7.

I am using your template SZ v2.0 (haven't upgraded to v2.1 yet)

I saw this mentioned in the whats new for 1.3.8, does this affect us, or do we need to change anything in our CUSTOM stylesheets?

Thanks!

Add any new css from 1.3.8 to your stylesheet.

jettrue,

Thank you for a nice template!

I'm trying to figure out how to lengthen the logo area where the logo and the "shopping cart," "contact us," and "my account" links appear.

How can I add more height to this area? Greatly appreciate your help.

Jet,

Time for 2 quick questions?

I am beating my head against simple mis alignment issues. I have read and read - but cannot seem to solve these problems for this site : http://www.ezskratch.com/store/index.php?main_page=index

1. Blank space to right of SHOPPING CART - want to kill and spread remaining 6 MENU ITEMS over same space.

2. Want to line up Grey HOME menu w striped lines and Green Home menu line.

Thanks!