Ezpages Footer Columns support

[willie bee]

I can help if I can see your site, and know what it is that you want to change.

Thank you for the offer and the great mod for ZC. Our store is under lock and key. If you want to PM me your IP address I will add it and maybe what you suggest to me will be of help of others also. Thanks SO much.

Here is also an attachment so others can see what I speak of.

The little grey bar up on top is the base of our shop and is at 960px.

the bottom footer of course is at full width screen.

[gaius]

Reuploaded all the files. Something weird must have happened while I unzipped them. So I redownloaded the file and put everything back. It's working great now.

Thank you again for your help and this awesome addon!

[gjh42]

Glad to hear that it's working when you reinstall a fresh copy.

willie bee - the bit you show indicates that your #mainWrapper is at 100% width, and #contentMainWrapper is at 960px width. Since #navSuppWrapper is directly inside #mainWrapper, it will not follow #contentMainWrapper styling. Find or add #navSuppWrapper {} in your stylesheet and give it the desired width.

If you have a template with a nonstandard structure, there is no way to advise without actually seeing it live.

[gjh42]

rbarbour was kind enough to allow me to post a screenshot of his implementation of Ezpages Footer Columns, since the site is not ready for visitors yet.

[willie bee]

Glad to hear that it's working when you reinstall a fresh copy.

willie bee - the bit you show indicates that your #mainWrapper is at 100% width, and #contentMainWrapper is at 960px width. Since #navSuppWrapper is directly inside #mainWrapper, it will not follow #contentMainWrapper styling. Find or add #navSuppWrapper {} in your stylesheet and give it the desired width.

If you have a template with a nonstandard structure, there is no way to advise without actually seeing it live.

We're idiots here. What?

YOUR footer style sheet was not modified in any way.

So in MY stylesheet.css I have this

#mainWrapper {
text-align: left;
vertical-align: top;
width: 960px; /* sets the width of the store */
background-color:#fff; /* gives the store a white background */
margin: 8px auto 0 auto;
padding-bottom: 10px;
}

/* main content area */
#contentMainWrapper {
margin:0;
/* background-color: #f4f4ef; */

}


#contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
font-weight: normal;
height: 1%;
width: 100%;
}


SO I need to modify YOUR supplied style sheet?

If you want to PM me your IP I will add you since our store is under lock and key.

[gjh42]

You would probably need to modify something in your main stylesheet, but everything you mention is correct for a standard site structure. Obviously there is something different about your site, or else there is some glitch somewhere that is not making the #mainWrapper width follow that rule. I'll pm you so I can look at it directly.

[willie bee]

You would probably need to modify something in your main stylesheet, but everything you mention is correct for a standard site structure. Obviously there is something different about your site, or else there is some glitch somewhere that is not making the #mainWrapper width follow that rule. I'll pm you so I can look at it directly.

Thanks I will add you to our end of year list, I'll explain when I get your PM lol.

[gjh42]

This will fix the footer:
stylesheet.css (line 465)

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    font-weight: normal;
    height: 1%;
    margin: auto;
    width: 960px;
}

Your template has both #headerWrapper and #navSuppWrapper (and some other custom divs) outside of #mainWrapper, so they all need their widths set explicitly.

[willie bee]

This will fix the footer:
stylesheet.css (line 465)

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    font-weight: normal;
    height: 1%;
    margin: auto;
    width: 960px;
}

Your template has both #headerWrapper and #navSuppWrapper (and some other custom divs) outside of #mainWrapper, so they all need their widths set explicitly.

I don't know what you mean by the bottom part of what you said but the change you said to make WORKS! BUT ... there is always a but. It destroyed the font. There is a different font size now.

Here was the original code.

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
font-weight: normal;
height: 1%;
width: 100%;
}

[gjh42]

I noticed that when I went back and looked at the site, but it didn't happen when I first tested the changes. I just now reversed the changes (back to what they were before) in Firebug, and the font was still larger. The two property value changes simply could not affect font size... they are not capable of that. Something else that happened while you were editing the stylesheet had to have done it.

Checking, I see that there is some text before the main stylesheet header comment block:

illie /**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet_new.css 3286 2006-03-28 01:14:04Z drbyte $
 */

body {
color:#777777;
font: 10px arial, sans-serif;
background-color:#ffffff;
margin:0;
background-image: url("../images/bodybg.gif");
background-repeat: repeat-x; 

}

This is treated as if it connects with the following rule, which is the body{} rule where the site's base font size is set. Deleting the "illie" restores the fonts to normal.