You can hard-code the list height by adding to your stylesheet_footer_menu
#navSuppWrapper ul {height:10.0em;}
This will need to be adjusted to fit the number of links in the tallest column.
Printable View
You can hard-code the list height by adding to your stylesheet_footer_menu
#navSuppWrapper ul {height:10.0em;}
This will need to be adjusted to fit the number of links in the tallest column.
I have finally figured out my footer and thought I had it perfect but it's not lol. http://www.frompropertorocker.com
It looks great (at least on my end) in Firefox and IE. Chrome it looks horrible. lol
How do I fix it so it shows up better in Chrome without it making it look horrible in the other two?
Thanks in advance!
You might want to put the following inside a div as indicated; style the div as follows:Quote:
Originally Posted by nolsowski
.social {
clear:both;
width:100%;
}
<div class="social">
<span id="social-media">
<a href="http://www.twitter.com/From_Proper"><img src="includes/templates/alysa_rounded/images/twitter.png" class="twitter-image" alt="twitter link" /></a>
<a href="http://www.facebook.com/fromproper"><img src="includes/templates/alysa_rounded/images/facebook.png" class="facebook-image" alt="facebook link" /></a>
</span>
<span id="paypal-logo">
<a href="https://www.paypal.com/us/verified/pal=frompropertorocker%40gmail.com"><img src="includes/templates/alysa_rounded/images/paypal.gif" class="paypal-image" alt="paypal link" /></a>
</span>
</div>
Perfect!Quote:
Originally Posted by gjh42
Thank you for the help.
Thank you! I will give it a shot.Quote:
Originally Posted by clydejones
Okay brain fart lol. Where would I put this code?Quote:
Originally Posted by clydejones
I'm guessing you made modifications to tpl_footer_menu.phpQuote:
Originally Posted by nolsowski
The css change would be made to stylesheet_footer_menu.css
Yep I did make modifications in the tpl_footer. I added the code to the stylesheet_footer_menu and I am lost now. I can't even get them to where they were before.Quote:
Originally Posted by clydejones
Oh I added it to my test site here http://frompropertorocker.com/fptr_t...php?main_page=
This does not go in the stylesheet_footer_menu.css but in tpl_footer_menu.phpQuote:
Originally Posted by nolsowski
This goes in the stylesheet_footer_menu.cssCode:<div class="social">
<span id="social-media">
<a href="http://www.twitter.com/From_Proper"><img src="includes/templates/alysa_rounded/images/twitter.png" class="twitter-image" alt="twitter link" /></a>
<a href="http://www.facebook.com/fromproper"><img src="includes/templates/alysa_rounded/images/facebook.png" class="facebook-image" alt="facebook link" /></a>
</span>
<span id="paypal-logo">
<a href="https://www.paypal.com/us/verified/pal=frompropertorocker%40gmail.com"><img src="includes/templates/alysa_rounded/images/paypal.gif" class="paypal-image" alt="paypal link" /></a>
</span>
</div>
.social {
clear:both;
width:100%;
Ok got them where they need to be. How do I get it so it looks good in Chrome now?Quote:
Originally Posted by clydejones