Re: Footer Menu Support Thread
Quote:
Originally Posted by
gee38l
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
Code:
/*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*/
Re: Footer Menu Support Thread
Quote:
Originally Posted by
clydejones
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?
Re: Footer Menu Support Thread
Quote:
Originally Posted by
gee38l
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*/
Re: Footer Menu Support Thread
Hi Clyde,
looking forward to installing this great looking mod; thank you so much for making it available :smile:
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:hug:
Re: Footer Menu Support Thread
There any number of threads dealing with adding images to the footer and/or header throughout the fourm.
Do a search for "Footer Image"
Re: Footer Menu Support Thread
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:(
Re: Footer Menu Support Thread
Quote:
Originally Posted by
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:(
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;}
Re: Footer Menu Support Thread
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:
Quote:
#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?
Quote:
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
Re: Footer Menu Support Thread
Quote:
Originally Posted by
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:
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;}
