Footer Menu Support Thread

[willie bee]

Yes, it works just fine with 1.3.9h

Another awesome mod by ClydeDesigns!

May I ask how to put back the credit card logos and to change the width to 960px? I'm using a custom template that is set at 960px.

Thanks! Again, awesome mod!

[clydejones]

Another awesome mod by ClydeDesigns!

May I ask how to put back the credit card logos and to change the width to 960px? I'm using a custom template that is set at 960px.

Thanks! Again, awesome mod!

link to your site would be useful

[willie bee]

link to your site would be useful

Sorry. It's JUST LIKE THIS SITE as I'm using the same template. Nothing is different other than the products and prices, haha.

http://www.zenflavor.com/demo9/

TIA!

[willie bee]

Actually looks like your footer style sheet was realigning a lot of stuff on my product pages and upper top menu and was making everything look poo poo! So what I did was delete your footer css sheet and this is what I got, please see attached. I guess what I'm saying is all I really need is the css code to table it out into four sections and no other code like hover, font color, size, etc in your footer style css sheet. If I can just get that then everything should be fine.

[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).