Footer Menu Support Thread

[clydejones]

Alright I've installed the footer menu mod. Looks great but no matter what I do a cannot change the styling of the links (i.e remove underline, remove bold, change font type) no matter where I change nothing seems to take effect.

Please review the site at www.megasaveonline.com. What am I doing wrong.

open includes/templates/YOUR_TEMPLATE/css/stylesheet_footer_menu.css

find the following section and make whatever changes you require.

#footer ul {margin:0;padding:0;list-style: none;}

#footer li a:link {color: #444;font-size:11px;margin:0;padding-left:1em;padding-bottom:.3em;line-height:14px;display:block;}
#footer li a:visited {color: #444;font-size:11px;margin:0;padding-left:1em;padding-bottom:.3em;line-height:14px;display:block;}
#footer li a:hover {color:#f27a00;background:none;text-decoration: underline;}
#footer li a:active {color: #444;font-size:11px;margin:0;padding-left:1em;padding-bottom:.3em;line-height:14px;display:block;}

[hardwiredtemplates]

open includes/templates/YOUR_TEMPLATE/css/stylesheet_footer_menu.css

find the following section and make whatever changes you require.

#footer ul {margin:0;padding:0;list-style: none;}

#footer li a:link {color: #444;font-size:11px;margin:0;padding-left:1em;padding-bottom:.3em;line-height:14px;display:block;}
#footer li a:visited {color: #444;font-size:11px;margin:0;padding-left:1em;padding-bottom:.3em;line-height:14px;display:block;}
#footer li a:hover {color:#f27a00;background:none;text-decoration: underline;}
#footer li a:active {color: #444;font-size:11px;margin:0;padding-left:1em;padding-bottom:.3em;line-height:14px;display:block;}

Clyde thanks for the quick reply. I've changed a combination of those lines yet I can't get it to do a universal change. What I mean is for example I change the #444 in one of the lines to say #f00 then only three of the links are red and not the rest.
Also I noticed there is no underline in the code above(Except the hover) yet the links on the site are ALL underlined

Maybe something else is controlling the look of the footer links. I am attaching an image of what I am seeking.

Thanks for your hasty reply

the link again is www.megasaveonline.com

[clydejones]

Clyde thanks for the quick reply. I've changed a combination of those lines yet I can't get it to do a universal change. What I mean is for example I change the #444 in one of the lines to say #f00 then only three of the links are red and not the rest.
Also I noticed there is no underline in the code above(Except the hover) yet the links on the site are ALL underlined

Maybe something else is controlling the look of the footer links. I am attaching an image of what I am seeking.

Thanks for your hasty reply

the link again is www.megasaveonline.com

look at your stylesheet.css

a:link, #navEZPagesTOC ul li a {
	color: #2b2b2b;
	text-decoration: underline;
	}
 
a:visited {
	color: #2b2b2b;
	text-decoration: underline;
	}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #2b2b2b;
	text-decoration: none;
	}

a:active {
	color: #2b2b2b;
	}

[hardwiredtemplates]

look at your stylesheet.css

a:link, #navEZPagesTOC ul li a {
	color: #2b2b2b;
	text-decoration: underline;
	}
 
a:visited {
	color: #2b2b2b;
	text-decoration: underline;
	}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #2b2b2b;
	text-decoration: none;
	}

a:active {
	color: #2b2b2b;
	}

I've commented out that entire section from stylesheet.css yet ALL the links are STILL underlined. I know I a bit new to this but can you please elaborate a little more I've exhausted my options.

[clydejones]

I've commented out that entire section from stylesheet.css yet ALL the links are STILL underlined. I know I a bit new to this but can you please elaborate a little more I've exhausted my options.

I think you might want to check with the author of the template to see if they have any suggestions.

[gjh42]

The HTML/CSS default for links is underlined, so unless your template (like the stock template) specifically changes this, it will happen even when there is no mention of underlining.

Add to this rule in stylesheet_footer_menu.css


#footer li a:link {color: #f00;font-size:11px;margin:0;padding-left:1em;padding-bottom:.3em;line-height:14px;display:block;text-decoration: none;}

[hardwiredtemplates]

The HTML/CSS default for links is underlined, so unless your template (like the stock template) specifically changes this, it will happen even when there is no mention of underlining.

Add to this rule in stylesheet_footer_menu.css


#footer li a:link {color: #f00;font-size:11px;margin:0;padding-left:1em;padding-bottom:.3em;line-height:14px;display:block;text-decoration: none;}

Just to report back that did get rid of the underlines and I just included my other styling in the same area including selecting the font.

So reporting back success... Thanks guys