Footer Menu Support Thread

[willie bee]

OK NM! I fixed it myself using Firebug. What a GREAT TOOL! The only thing I could not fix is the centering. I have attached the modified css file. The four column is left justified. Just need to get it centered. See attached and THANKS!

#footer {clear:both;margin:0;}
#navSuppWrapper {
margin: 10px 5px 0;
padding: 0;
background:none;
font-weight: bold;
color: #000;
}
dl {margin: 0 0 3px 0;padding:0;clear:both;height:79px;width:960px}/*Adjust the height and width of the menu*/
dt {margin-bottom:.3em;font-weight:bold;}
dd {margin:0;padding:0;float:left;width:24.3%;}/*Column width of the menu - currently set for 4 columns*/
ul {margin:0;padding:0;list-style: none;}
li {margin:0;padding:0;}
li a {margin:0;padding-left:2em;}
.menuTitle {margin:0;padding-bottom:.3em;text-align:center;font-size:1.1em;}
.first, .second, .third {border-right:1px dotted #000;}
#siteinfoLegal {
margin:0 auto;
padding: .5em 0 0;
font-size: 0.9em;
text-align:center;
width:100%;
line-height:normal;
clear:both;
}
#siteinfoLegal a {padding: 0 0.5em 0 0.5em;color: #000;font-weight:bold;white-space: nowrap; }
#siteinfoLegal a:hover {color: #000;background: #EAC27C;}

[clydejones]

OK NM! I fixed it myself using Firebug. What a GREAT TOOL! The only thing I could not fix is the centering. I have attached the modified css file. The four column is left justified. Just need to get it centered. See attached and THANKS!

#footer {clear:both;margin:0;}
#navSuppWrapper {
margin: 10px 5px 0;
padding: 0;
background:none;
font-weight: bold;
color: #000;
}
dl {margin: 0 0 3px 0;padding:0;clear:both;height:79px;width:960px}/*Adjust the height and width of the menu*/
dt {margin-bottom:.3em;font-weight:bold;}
dd {margin:0;padding:0;float:left;width:24.3%;}/*Column width of the menu - currently set for 4 columns*/
ul {margin:0;padding:0;list-style: none;}
li {margin:0;padding:0;}
li a {margin:0;padding-left:2em;}
.menuTitle {margin:0;padding-bottom:.3em;text-align:center;font-size:1.1em;}
.first, .second, .third {border-right:1px dotted #000;}
#siteinfoLegal {
margin:0 auto;
padding: .5em 0 0;
font-size: 0.9em;
text-align:center;
width:100%;
line-height:normal;
clear:both;
}
#siteinfoLegal a {padding: 0 0.5em 0 0.5em;color: #000;font-weight:bold;white-space: nowrap; }
#siteinfoLegal a:hover {color: #000;background: #EAC27C;}

I'm guessing you mean the column heading(s) (menuTitle)

make the highlighted change:

.menuTitle {margin:0;padding-bottom:.3em;text-align:left;font-size:1.1em;}

[willie bee]

I'm guessing you mean the column heading(s) (menuTitle)

make the highlighted change:

.menuTitle {margin:0;padding-bottom:.3em;text-align:left;font-size:1.1em;}

No that wasn't it. See the image attached in post 432? The four columns are to the left. I'm trying to center it. See the top of the image, that white area with the shadow, that is the bottom of the shop centered (part snapshot).

[clydejones]

No that wasn't it. See the image attached in post 432? The four columns are to the left. I'm trying to center it. See the top of the image, that white area with the shadow, that is the bottom of the shop centered (part snapshot).

a link to your site would be useful.

[yonghs]

No that wasn't it. See the image attached in post 432? The four columns are to the left. I'm trying to center it. See the top of the image, that white area with the shadow, that is the bottom of the shop centered (part snapshot).

To center whatever DIV, just set it's left and right margin to auto, in your CSS file.

[clydejones]

I'm guessing you mean the column heading(s) (menuTitle)

make the highlighted change:

.menuTitle {margin:0;padding-bottom:.3em;text-align:left;font-size:1.1em;}

No that wasn't it. See the image attached in post 432? The four columns are to the left. I'm trying to center it. See the top of the image, that white area with the shadow, that is the bottom of the shop centered (part snapshot).

make the highlighted change:

#navSuppWrapper {
margin: 10px auto 0;
padding: 0;
background:none;
font-weight: bold;
color: #000;
}

[willie bee]

make the highlighted change:

#navSuppWrapper {
margin: 10px auto 0;
padding: 0;
background:none;
font-weight: bold;
color: #000;
}

That was not it.

Here is the code I changed
dl {
clear: both;
height: 79px;
margin: 0 0 3px;
padding: 0;
width: 960px;

to

dl {
clear: both;
height: 79px;
margin: auto;
padding: 0;
width: 960px;

See attached and compare now.

Again thanks for pointing me in the right direction and all your help and a terrific mod.

[Maxa]

Hi guys!
Can someone please help me?
I'm using avonlee contempo template and keep having issues with the footer.

I've created 6 ez pages (internal links to products pages), and as I try to place them in the third column of the footer, only 3 links work.

Here's the code for the 3rd column of footer_menu_defines:

/*BOF Menu Column 3 link Definitions*/
Define('TITLE_THREE', '<li class="menuTitle"></li>');
Define('A', '<li><a href="' . zen_ez_pages_link(3) . '"> A</a></li>');
Define('B', '<li><a href="' . zen_ez_pages_link(4) . '"> B</a></li>');
Define('C', '<li><a href="' . zen_ez_pages_link(5) . '">C</a></li>');
Define('D', '<li><a href="' . zen_ez_pages_link(6) . '"> D</a></li>');
Define('E', '<li><a href="' . zen_ez_pages_link(7) . '"> E</a></li>');
Define('F', '<li><a href="' . zen_ez_pages_link(8) . '"> F</a></li>');
Define('CONTACT','<li><a href="' . zen_href_link(FILENAME_CONTACT_US) . '">' . BOX_INFORMATION_CONTACT . '</a></li>');
Define('SHIPPING', '<li><a href="' . zen_href_link(FILENAME_SHIPPING) . '">' . BOX_INFORMATION_SHIPPING . '</a></li>');
Define('PRIVACY', '<li><a href="' . zen_href_link(FILENAME_PRIVACY) . '">' . BOX_INFORMATION_PRIVACY . '</a></li>');
Define('CONDITIONS','<li><a href="' . zen_href_link(FILENAME_CONDITIONS) . '">' . BOX_INFORMATION_CONDITIONS . '</a></li>');
Define('ACCOUNT', '<li><a href="' . zen_href_link(FILENAME_ACCOUNT, '', 'SSL') .'">' . HEADER_TITLE_MY_ACCOUNT . '</a></li>');
/*EOF Menu Column 3 link Definitions*/

Define('CUSTOMER_SERVICE', '<dd class="third">
<ul>' . TITLE_THREE . A . B . E . '</ul></dd>');

A, B and E brand links work fine. When I type in C, D and F brand names into TITLE_THREE, the website goes blank.

I've assigned order #s and everything.

Why would that happen? Can someone push me in the right direction?

Here's the website www.nkfacial.com

Thank you.