Footer Menu Support Thread

clydejones:

read posts 376 - 380

That helped, but I am trying to center the footer like in this Photoshoped screenshot. Messing around with the width number increases the space between the links.

Here is my footer CSS:

#footer {clear:both;margin:0;background-color:#3E4147;margin-top:0px;padding-top:10px;-moz-border-radius-bottomleft: 15px;-moz-border-radius-bottomright: 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
#footer a:hover{color:#EAC117;}
#navSuppWrapper {margin: 10px 5px 0;padding: 0;background:none;font-weight: bold;}	
#navSuppWrapper a{color:#fffede;font-weight:normal;font-size:1.2em;text-align:center;}
dl {margin: 0 0 3px 0;padding:0;clear:both;height:160px;width:100%;}/*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*/
dd ul {margin:0;padding:0;list-style: none;}
dd li {margin:0;padding:0;}
dd li a {margin:0;display:block;}
/*dd li a:hover{background:#dfba69;color:#444;}*/
.menuTitle {margin:0;padding-bottom:.8em;text-align:center;font-size:1.2em;color:#EAC117;}
.first, .second, .third {border-right:1px solid #fffedf;}
#siteinfoLegal {padding: .5em 0 0;font-size: 0.9em;text-align:left;width:100%;line-height:normal;clear:both;color:#FFFFFF;margin-left:20px;float:left;margin-top:-30px;}
#siteinfoLegal a {padding: 0 0.5em 0 0.5em;color: #FFFFFF;white-space: nowrap;}
#siteinfoLegal a:hover {color: #FFFFFF;}
.blog-image {margin-right:10px;}
.facebook-image {margin-right:10px;}
#social-media {float:right;margin-right:15px;margin-top:-30px;}
#bannerSix {margin-top:0px;margin-bottom:30px;}
#footer #siteinfoLegal {width: 80%;}
#navSuppWrapper ul {height:13em;}

mretzloff:

That helped, but I am trying to center the footer like in this Photoshoped screenshot. Messing around with the width number increases the space between the links.

Here is my footer CSS:

#footer {clear:both;margin:0;background-color:#3E4147;margin-top:0px;padding-top:10px;-moz-border-radius-bottomleft: 15px;-moz-border-radius-bottomright: 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
#footer a:hover{color:#EAC117;}
#navSuppWrapper {margin: 10px 5px 0;padding: 0;background:none;font-weight: bold;}
#navSuppWrapper a{color:#fffede;font-weight:normal;font-size:1.2em;text-align:center;}
dl {margin: 0 0 3px 0;padding:0;clear:both;height:160px;width:100%;}/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/
dd ul {margin:0;padding:0;list-style: none;}
dd li {margin:0;padding:0;}
dd li a {margin:0;display:block;}
/dd li a:hover{background:#dfba69;color:#444;}/
.menuTitle {margin:0;padding-bottom:.8em;text-align:center;font-size:1.2em;color:#EAC117;}
.first, .second, .third {border-right:1px solid #fffedf;}
#siteinfoLegal {padding: .5em 0 0;font-size: 0.9em;text-align:left;width:100%;line-height:normal;clear:both;color:#FFFFFF;margin-left:20px;float:left;margin-top:-30px;}
#siteinfoLegal a {padding: 0 0.5em 0 0.5em;color: #FFFFFF;white-space: nowrap;}
#siteinfoLegal a:hover {color: #FFFFFF;}
.blog-image {margin-right:10px;}
.facebook-image {margin-right:10px;}
#social-media {float:right;margin-right:15px;margin-top:-30px;}
#bannerSix {margin-top:0px;margin-bottom:30px;}
#footer #siteinfoLegal {width: 80%;}
#navSuppWrapper ul {height:13em;}

Try changing this rule as indicated:

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

I am still having the problem. It looks the same way it did before. Here is a screenshot of it. Just to make sure I did it correctly, I posted my CSS below.

#footer {clear:both;margin:0;background-color:#3E4147;margin-top:0px;padding-top:10px;-moz-border-radius-bottomleft: 15px;-moz-border-radius-bottomright: 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
#footer a:hover{color:#EAC117;}
#navSuppWrapper {margin: 10px auto 0;padding: 0;background:none;font-weight: bold;} 	
#navSuppWrapper a{color:#fffede;font-weight:normal;font-size:1.2em;text-align:center;}
dl {margin: 0 0 3px 0;padding:0;clear:both;height:160px;width:100%;}/*Adjust the height and width of the menu*/
dt {margin-bottom:.3em;font-weight:bold;}
dd {margin:0;padding:0;float:left;width:33.2%;}/*Column width of the menu - currently set for 4 columns*/
dd ul {margin:0;padding:0;list-style: none;}
dd li {margin:0;padding:0;}
dd li a {margin:0;display:block;}
/*dd li a:hover{background:#dfba69;color:#444;}*/
.menuTitle {margin:0;padding-bottom:.8em;text-align:center;font-size:1.2em;color:#EAC117;}
.first, .second, .third {border-right:1px solid #fffedf;}
#siteinfoLegal {padding: .5em 0 0;font-size: 0.9em;text-align:left;width:100%;line-height:normal;clear:both;color:#FFFFFF;margin-left:20px;float:left;margin-top:-30px;}
#siteinfoLegal a {padding: 0 0.5em 0 0.5em;color: #FFFFFF;white-space: nowrap;}
#siteinfoLegal a:hover {color: #FFFFFF;}
.blog-image {margin-right:10px;}
.facebook-image {margin-right:10px;}
#social-media {float:right;margin-right:15px;margin-top:-30px;}
#bannerSix {margin-top:0px;margin-bottom:30px;}
#footer #siteinfoLegal {width: 80%;}
#navSuppWrapper ul {height:13em;}

mretzloff:

I am still having the problem. It looks the same way it did before. Here is a screenshot of it. Just to make sure I did it correctly, I posted my CSS below.

#footer {clear:both;margin:0;background-color:#3E4147;margin-top:0px;padding-top:10px;-moz-border-radius-bottomleft: 15px;-moz-border-radius-bottomright: 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
#footer a:hover{color:#EAC117;}
#navSuppWrapper {margin: 10px auto 0;padding: 0;background:none;font-weight: bold;}
#navSuppWrapper a{color:#fffede;font-weight:normal;font-size:1.2em;text-align:center;}
dl {margin: 0 0 3px 0;padding:0;clear:both;height:160px;width:100%;}/Adjust the height and width of the menu/
dt {margin-bottom:.3em;font-weight:bold;}
dd {margin:0;padding:0;float:left;width:33.2%;}/Column width of the menu - currently set for 4 columns/
dd ul {margin:0;padding:0;list-style: none;}
dd li {margin:0;padding:0;}
dd li a {margin:0;display:block;}
/dd li a:hover{background:#dfba69;color:#444;}/
.menuTitle {margin:0;padding-bottom:.8em;text-align:center;font-size:1.2em;color:#EAC117;}
.first, .second, .third {border-right:1px solid #fffedf;}
#siteinfoLegal {padding: .5em 0 0;font-size: 0.9em;text-align:left;width:100%;line-height:normal;clear:both;color:#FFFFFF;margin-left:20px;float:left;margin-top:-30px;}
#siteinfoLegal a {padding: 0 0.5em 0 0.5em;color: #FFFFFF;white-space: nowrap;}
#siteinfoLegal a:hover {color: #FFFFFF;}
.blog-image {margin-right:10px;}
.facebook-image {margin-right:10px;}
#social-media {float:right;margin-right:15px;margin-top:-30px;}
#bannerSix {margin-top:0px;margin-bottom:30px;}
#footer #siteinfoLegal {width: 80%;}
#navSuppWrapper ul {height:13em;}

You could try adjusting the width settings: instead if 100% give it a fixed width. 

dl {margin: 0 0 3px 0;padding:0;clear:both;height:160px;width:100%;}/*Adjust the height and width of the menu*/

I love this contribution. i realy do. i wish i had more knowledge of php to make some changes myself but the forum is helping a lot.
Stil i love this contributon! Thank you Clyde for making it. :clap:

I've had this mod installed for a few weeks now and am now adding it as part of a standard install I do for clients.

However, the only thing is that there is an About Us link there, but it's unfinished. I guess Clyde assumed people might use such a page. For this client, yes I do. However, I don't have an About Us page - so how do I go about creating one and getting the right text to show in the footer?

beyre:

I've had this mod installed for a few weeks now and am now adding it as part of a standard install I do for clients.

However, the only thing is that there is an About Us link there, but it's unfinished. I guess Clyde assumed people might use such a page. For this client, yes I do. However, I don't have an About Us page - so how do I go about creating one and getting the right text to show in the footer?

download and install the about us page contribution

Thank you! :bigups:

Any ideas on how to get this link code:

Define('FEEDBACK', '<li><a href="' . zen_href_link(FILENAME_FEEDBACK) . '">' . Website_Feedback . '</a></li>');

to open as a pop-up and be re-sized?

autoace:

Any ideas on how to get this link code:

Define('FEEDBACK', '<li><a href="' . zen_href_link(FILENAME_FEEDBACK) . '">' . Website_Feedback . '</a></li>');

to open as a pop-up and be re-sized?

Not sure what this has to do with footer menu.

clydejones:

Not sure what this has to do with footer menu.

Hi Clyde,
My footer is a mess after installing the mod. :blink:
Please take a look:

http://www.llbtechs.com/computer_repair/

Thanks,
Beby

labcomputer:

Hi Clyde,
My footer is a mess after installing the mod. :blink:
Please take a look:

http://www.llbtechs.com/computer_repair/

Thanks,
Beby

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

find and make the highlighted changes

#footer {clear:both;margin:0;height:150px;}
#navSuppWrapper {
margin: 10px 5px 0;
padding: 0;
background:none;
font-weight: bold;
color: #000;
width:100%;
}

Hi Clyde,

Can I put my SSL certificate in this footer menu -- perhaps at the bottom of the left column, leaving the other four spaces for links? (Any hints as to how to do it much aprpeciated.)

(I assume this mod is working well in 1.3.9h?)

Rob

rstevenson:

Hi Clyde,

Can I put my SSL certificate in this footer menu -- perhaps at the bottom of the left column, leaving the other four spaces for links? (Any hints as to how to do it much aprpeciated.)

(I assume this mod is working well in 1.3.9h?)

Rob

Work fine with 1.3.9h.

I'd need to see your site to give you any hints

The sites I was thinking of using this mod on are the ones in my sig. The retail one was just redone with a purchased template that heavily customizes the Home page. The wholesale site will likely use a similar template.

I've been looking into the code in your module and can see now what it adds to the footer. The problem for me is that I turn so many things off -- no Specials, no Recently Added, no Sales, no GVs, etc. -- that it may not be worth the trouble of incorporating the mod. I was just hoping to give that footer of mine a slightly less orphaned look.

Does your mod allow me to control the number of columns in it? That is, can I set it to just two columns, or just three?

Rob

rstevenson:

The sites I was thinking of using this mod on are the ones in my sig. The retail one was just redone with a purchased template that heavily customizes the Home page. The wholesale site will likely use a similar template.

I've been looking into the code in your module and can see now what it adds to the footer. The problem for me is that I turn so many things off -- no Specials, no Recently Added, no Sales, no GVs, etc. -- that it may not be worth the trouble of incorporating the mod. I was just hoping to give that footer of mine a slightly less orphaned look.

Does your mod allow me to control the number of columns in it? That is, can I set it to just two columns, or just three?

Rob

For your purposes you might want to use Glenns (gjh42) Ezpages Footer Columns

clydejones:

Not sure what this has to do with footer menu.

Its a link that I added in my footer_menu_define file for this addon. I just wanted to know if anyone might know how to do that?

clydejones:

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

find and make the highlighted changes

#footer {clear:both;margin:0;height:150px;}
#navSuppWrapper {
margin: 10px 5px 0;
padding: 0;
background:none;
font-weight: bold;
color: #000;
width:100%;
}

Thanks Clyde,
It partially work. The copy right is in the wrong place.
Please take look again.
And how do I align the title to match the menu to the left?

Thanks

labcomputer:

Thanks Clyde,
It partially work. The copy right is in the wrong place.
Please take look again.
And how do I align the title to match the menu to the left?

Thanks

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

autoace:

Its a link that I added in my footer_menu_define file for this addon. I just wanted to know if anyone might know how to do that?

Not sure if this is exactly what you are looking to do, but it may put you on the right track.

www.zen-cart.com/forum/showthread.php?t=94825