Footer Menu Support Thread

[clydejones]

Thanks for the replay i have finally got it to show but it looks like this:

* Products
* UNDER_SINK_SYSTEMS
* COUNTERTOP_SYSTEMS
* REPLACEMENT_FILTERS

Also how do it get them all to be on the same line with the dotted lines?

Have to sound like one of my old grade school teachers:

go back and check your work

/*OF Menu Column 5 link Definitions*/
Define('TITLE_FIVE', '<li class="menuTitle">Products</li>');
Define('UNDER','<li><a href="http://www.truwater.com.au/under-sink-systems-c-11">UNDER_SINK_SYSTEMS</a></li>');
Define('COUNTER','<li><a href="http://www.truwater.com.au/countertop-systems-c-10">COUNTERTOP_SYSTEMS</a></li>');
Define('REPLACEMENT','<li><a href="http://www.truwater.com.au/replacement-filters-media-c-15">REPLACEMENT_FILTERS</a></li>');
/*EOF Menu Column 5 link Definitions*/

[gee38l]

Have to sound like one of my old grade school teachers:

go back and check your work

lol sorry i figured it out thanks.

Just trying to style the thing evenly with the same width and height can you please assist?

[clydejones]

lol sorry i figured it out thanks.

Just trying to style the thing evenly with the same width and height can you please assist?

style using the stylesheet_footer_menu.css


#navSuppWrapper dd {margin:0;padding:0;float:left;width:24.3%;}/*Column width of the menu - currently set for 4 columns*/

[gee38l]

style using the stylesheet_footer_menu.css


#navSuppWrapper dd {margin:0;padding:0;float:left;width:24.3%;}/*Column width of the menu - currently set for 4 columns*/

Thanks I managed to get the five columns to show on the same line but cant get them to align evenly
Posted via Mobile Device

[Green333]

Hi Clyde,

looking forward to installing this great looking mod; thank you so much for making it available

Probably a basic question, but how do I go about adding images (eg/ paypal, geotrust, credit card) to display under your footer menu?

I imagine it would be the tpl_footer.php file? If so - could you please direct me as to how to add the code (eg/ image_1, and image_2) & where in the file to insert it?

Thank you so much - your mod will really improve my site

[clydejones]

There any number of threads dealing with adding images to the footer and/or header throughout the fourm.

Do a search for "Footer Image"

[Green333]

Hi Clyde
I am so so sorry to be a pest (please don't hate me)- been looking for a couple of days on how to position the image in a footer - and just getting confused.

So I assume it's just a matter of placing the link in the script (say above the copyright info?)

eg/ <center>
<img src="includes/templates/mytheme/images/cards.gif" alt="" height="26" width="162"></center>

I tried this via the firefox webdeveloper toolkit & didn't see a change - so not sure if it's the right code? or position?

Also - having installed your lovely mod - and it worked (yay-something went right this week)...but my link text is a light orange, but is visible upon hovering over the link, as the hover colour is much darker. Again, please don't hate me - I have a M/Template - so not sure if the text colour & 'hover' colour can be amended via the footer css?

Again - I'm so sorry for my awful questions - my brain is quite soggy at the moment - and a looming migraine isn't helping

[clydejones]

Hi Clyde
I am so so sorry to be a pest (please don't hate me)- been looking for a couple of days on how to position the image in a footer - and just getting confused.

So I assume it's just a matter of placing the link in the script (say above the copyright info?)

eg/ <center>
<img src="includes/templates/mytheme/images/cards.gif" alt="" height="26" width="162"></center>

I tried this via the firefox webdeveloper toolkit & didn't see a change - so not sure if it's the right code? or position?

Also - having installed your lovely mod - and it worked (yay-something went right this week)...but my link text is a light orange, but is visible upon hovering over the link, as the hover colour is much darker. Again, please don't hate me - I have a M/Template - so not sure if the text colour & 'hover' colour can be amended via the footer css?

Again - I'm so sorry for my awful questions - my brain is quite soggy at the moment - and a looming migraine isn't helping

open includes/templates/YOUR_TEMPLATE/common/tpl_footer.php

find the following:

<!--bof- site copyright display -->
<div id="siteinfoLegal" class="legalCopyright"><?php echo FOOTER_TEXT_BODY; ?></div>
<!--eof- site copyright display -->


You should be able to place your code either above or below this section of code.

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

you can change the color of the links and hover by modifying this section.

#navSuppWrapper li a:link {letter-spacing:.1em;color:#444;margin:0;padding-left:2em;padding-bottom:.3em;font-size:.9em;
display:block;}
#navSuppWrapper li a:visited {letter-spacing:.1em;color:#444;margin:0;padding-left:2em;padding-bottom:.3em;display:block;}
#navSuppWrapper li a:hover {letter-spacing:.1em;color:#444;margin:0;padding-left:2em;padding-bottom:.3em;display:block;}
#navSuppWrapper li a:active {letter-spacing:.1em;color: #444;margin:0;padding-left:2em;padding-bottom:.3em;display:block;}

[Green333]

Thank you so much for leading me in the right direction. My image works!

With the font colour change - sorry - but what do you mean by 'modify this section'.
This is my current css:

#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: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*/
ul {margin:0;padding:0;list-style: none;}
li {margin:0;padding:0;}
li a {margin:0;padding-left:2em;display:block;}
li a:hover {background:#FFBD3B;}
.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 can only see one incidence of '#navSuppWrapper {'

or am I meant to add the code? if so - where?

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

you can change the color of the links and hover by modifying this section.

#navSuppWrapper li a:link {letter-spacing:.1em;color:#444;margin:0;padding-left:2em;padding-bottom:.3em;font-size:.9em;
display:block;}
#navSuppWrapper li a:visited {letter-spacing:.1em;color:#444;margin:0;padding-left:2em;padding-bottom:.3em;display:block;}
#navSuppWrapper li a:hover {letter-spacing:.1em;color:#444;margin:0;padding-left:2em;padding-bottom:.3em;display:block;}
#navSuppWrapper li a:active {letter-spacing:.1em;color: #444;margin:0;padding-left:2em;padding-bottom:.3em;display:block;}

Many thanks again

[clydejones]

Thank you so much for leading me in the right direction. My image works!

With the font colour change - sorry - but what do you mean by 'modify this section'.
This is my current css:
I can only see one incidence of '#navSuppWrapper {'

or am I meant to add the code? if so - where?

Many thanks again

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

you can change the color of the links and hover by modifying this section.

#navSuppWrapper li a:link {letter-spacing:.1em;color:#444;margin:0;padding-left:2em;padding-bottom:.3em;font-size:.9em;
display:block;}
#navSuppWrapper li a:visited {letter-spacing:.1em;color:#444;margin:0;padding-left:2em;padding-bottom:.3em;display:block;}
#navSuppWrapper li a:hover {letter-spacing:.1em;color:#444;margin:0;padding-left:2em;padding-bottom:.3em;display:block;}
#navSuppWrapper li a:active {letter-spacing:.1em;color: #444;margin:0;padding-left:2em;padding-bottom:.3em;display:block;}