Footer Menu Support Thread

[clydejones]

Thanks Clyde the above changes work. I tried putting the footer in a top and bottom boarder, however the IMPORTANT LINKS section is longer then the rest and the bottom boarder does not contain it. What can I do to contain it in the boarder. Also once the site is veiwed in IE6 the IMPORTANT LINKS section is double spaced making it twice as long (although it is contained within the top and bottom boarder).

I think the second issue might be related to the first issue(but only you experts would know that)

www.fashionfavourites.com

Simple solution: remove the duplicated links from the IMPORTANT LINKS section (ie Gift certificate faq and discount coupons)

open includes/templates/YOUR_TEMPLATE/css stylesheet_footer_menu.css

find the following section and add the highlighted portion

li a {margin:0;padding-left:2em;display:block;line-height:normal;}

[haredo]

@Clyde
I don't see this little jewel of a mod in the downloads yet???

[clydejones]

@Clyde
I don't see this little jewel of a mod in the downloads yet???

Its been submitted, still waiting for approval. however you can get it from the second link in my sig.

[haredo]

Clyde,
Thanks mile high cat.

Take time to check out your footer on the 2nd link of you Sig....

[clydejones]

Clyde,
Thanks mile high cat

Glad to help

[hardwiredtemplates]

I want to re-arrange the links(i.e put contact us under quick links). What file would I need to edit, I've searching the root directory and not sure which files to modify to achieve this. Also If I want to add a little arrow beside the the menu title as in the attachment, how would I go about that.

finally I tried changing the color and text size of the links (from black to gray). I've temporarily changed every occurrences of #000 in (stylesheet_footer_menu.css) yet unable to change the color.

please view it www.fashionfavourites.com

@haredo this mod is available on Clyde's demo site here:http://mysticmountainnaturals.com/demotest/ (Sorry I do not know how to make it into an anchor link)

[clydejones]

I want to re-arrange the links(i.e put contact us under quick links). What file would I need to edit, I've searching the root directory and not sure which files to modify to achieve this. Also If I want to add a little arrow beside the the menu title as in the attachment, how would I go about that.

finally I tried changing the color and text size of the links (from black to gray). I've temporarily changed every occurrences of #000 in (stylesheet_footer_menu.css) yet unable to change the color.

please view it www.fashionfavourites.com

@haredo this mod is available on Clyde's demo site here:http://mysticmountainnaturals.com/demotest/ (Sorry I do not know how to make it into an anchor link)

Thought I'd included the following in the install_footer_menu.txt file
Edit: \includes\languages\english\extra_definitions\YOUR_TEMPLATES\footer_menu_defines .php to change the link information for your menu.

for the color open includes/templates/YOUR_TEMPLATEcss/stylesheet_footer_menu.css

find the following section and make the highlighted change

li a:link {color: #666;margin:0;padding-left:2em;display:block;line-height:normal;}

to add the arrow open \includes\languages\english\extra_definitions\YOUR_TEMPLATES\footer_menu_defines .php

find each of the define statements for the title and add the highlighted portion

Define('TITLE_ONE', '<li class="menuTitle">Quick Links&nbsp;►</li>');
The arrow is defined with the following w/o spaces & # 9958;

[hardwiredtemplates]

Alright we are almost there, I've added this line:
li a:link {color: #666;font-size:11px;margin:0;padding-left:0.8em;display:block;line-height:normal;}

Strange thing happens to the color and the left padding is lost. Only some links are gray the others are black

And I been trying to make the links narrow with a little white space around them so they are more legible. Maybe i just need to change the font family i don't know.

I want to make it similar to this footer: http://www1.macys.com/

[clydejones]

Alright we are almost there, I've added this line:
li a:link {color: #666;font-size:11px;margin:0;padding-left:0.8em;display:block;line-height:normal;}

Strange thing happens to the color and the left padding is lost. Only some links are gray the others are black

And I been trying to make the links narrow with a little white space around them so they are more legible. Maybe i just need to change the font family i don't know.

I want to make it similar to this footer: http://www1.macys.com/

Here are some changes that might help
open the stylesheet_footer_menu.css

make the highlighted changes in the folllowing declarations

#navSuppWrapper {
border:1px solid #ccc;
margin: 0 auto;
padding: 0;
background:none;
font-weight: bold;
color: #666;
width: 1000px;
height: 116px;

}
dl {margin: 0 0 3px 0;padding:0;clear:both;height:79px;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:18.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:link {color: #666;font-size:11px;margin:0;padding-left:1em;padding-bottom:.4em;display:block;}

[DivaVocals]

Wow talk about good timing that this link turned up in my search results (surprisingly on an unrelated topic..).. My new client wanted something just like this, and now I don't have to figure out a way to do it..

Clyde I must give you a public thank you for your many AWESOME add-ons.. (Just configured the testimonials manager, and I am TRE stoked!!!) Your Order Steps (Tableless) & Return Authorization add-ons are a standard part of all my Zen Cart installs.. Looks like you've added another awseome add-on for me to add to my arsenal! You totally ROCK!!!