1 Attachment(s)
Re: Footer Menu Support Thread
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.
1 Attachment(s)
Re: Footer Menu Support Thread
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;}
Re: Footer Menu Support Thread
Quote:
Originally Posted by
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;}
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;}
Re: Footer Menu Support Thread
Quote:
Originally Posted by
clydejones
.menuTitle {margin:0;padding-bottom:.3em;text-align:left;font-size:1.1em;}
:clap::clap::clap::clap:
Thanks Clyde I will send my donation to your site to show my appreciation your work.
Thanks
Re: Footer Menu Support Thread
Quote:
Originally Posted by
labcomputer
:clap::clap::clap::clap:
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
.
.
.
.
.
.
.
.
.
.
.
Re: Footer Menu Support Thread
Quote:
Originally Posted by
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).
Re: Footer Menu Support Thread
Quote:
Originally Posted by
willie bee
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.
Re: Footer Menu Support Thread
Quote:
Originally Posted by
willie bee
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.
Re: Footer Menu Support Thread
Quote:
Originally Posted by
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;}
Quote:
Originally Posted by
willie bee
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;
}
1 Attachment(s)
Re: Footer Menu Support Thread
Quote:
Originally Posted by
clydejones
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.