Footer Menu Support Thread

clydejones:

open includes/templates/cold_steel/css/stylesheet_footer_menu.css

find and make the highlighted changes

#siteinfoLegal {

margin:125px auto 0;
padding: .5em 0 0;
font-size: 0.9em;
text-align:center;
width:100%;
line-height:normal;
clear:both;
}

You DA MAN :D

how about aligning the title to left and make the background of the footer gray?

THANKS VERY VERY MUCH

labcomputer:

You DA MAN :D

how about aligning the title to left and make the background of the footer gray?

THANKS VERY VERY MUCH

open includes/templates/cold_steel/css/stylesheet_footer_menu.css

find and make the highlighted changes

#footer {background:#eee;clear:both;margin:0;height:250px;}

The alignment can't be changed for just the left heading.

clydejones:

For your purposes you might want to use Glenns (gjh42) Ezpages Footer Columns
Very interesting. Thanks for mentioning that Clyde.

Rob

:D:D> clydejones:

open includes/templates/cold_steel/css/stylesheet_footer_menu.css

find and make the highlighted changes

#footer {background:#eee;clear:both;margin:0;height:250px;}

The alignment can't be changed for just the left heading.

:D I am getting there Clyde.

Clyde you see the heading for each column in the footer I want it to be on the left instead of the center to match the info under it.

For exemple:

From this

 Quick Links

Home
Featured Product
Specials

To this

Quick Links

Home
Featured Product
Specials

Hope you see what I mean.

Thanks Budd

labcomputer:

:D:D

:D I am getting there Clyde.

Clyde you see the heading for each column in the footer I want it to be on the left instead of the center to match the info under it.

For exemple:

From this

 Quick Links

Home
Featured Product
Specials

To this

Quick Links

Home
Featured Product
Specials

Hope you see what I mean.

Thanks Budd

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

This cool with 1.3.9?

willie bee:

This cool with 1.3.9?

Yes, it works just fine with 1.3.9h

clydejones:

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!

willie bee:

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

clydejones:

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!

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.

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

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

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

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

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

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.

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.

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

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

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.