Footer Menu Support Thread

[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

[gee38l]

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

Hi Clyde,

I got the five columns to show correctly.

But for the life of me i cant increase the text width in each box individually so that the text is all in one line.

If you have a look at www.truwater.com.au you will see the fifth column has text over two lines for one link...... Also they all dont seem even.

Some assistance would be good.

Thanks

[clydejones]

Hi Clyde,

I got the five columns to show correctly.

But for the life of me i cant increase the text width in each box individually so that the text is all in one line.

If you have a look at www.truwater.com.au you will see the fifth column has text over two lines for one link...... Also they all dont seem even.

Some assistance would be good.

Thanks

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

find the following declaration and make the highlighted changes:


li a {margin:0;padding-left:1em;display:block;color:#0d87c4;white-space: nowrap;}

[Muzz]

HI all,

My Site is live while I work on some things.

yodgee.com.au

I'm having an issue with the footer MOD showing a link as

BOX_INFORMATION_ABOUT_US

I tried below about a week ago.

ANY IDEAS?????

I tried adding the line of code as suggested:

Define('BOX_INFORMATION_ABOUT_US', 'About Us');

where suggested in the file but no luck.

I also assumed you meant inside my template folder.

includes/languages/english/extra_definitions/MY_TEMPLATE/footer_menu_defines.php

Unfortunately, no go