Footer Menu Support Thread

[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;}

[labcomputer]

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

Thanks Clyde I will send my donation to your site to show my appreciation your work.

Thanks

[labcomputer]

Thanks Clyde I will send my donation to your site to show my appreciation your work.

Thanks

Hey Clyde BTW, is there a mod for multi category?

For Exemple:

Computer
.
.
.
.
.


Computer Parts
.
.
.
.
.
.
.
.
.
.
.

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