Footer Menu Support Thread

[gjh42]

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.

[nolsowski]

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!

[clydejones]

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:

.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>

[commdiver]

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.

Perfect!

Thank you for the help.

[nolsowski]

You might want to put the following inside a div as indicated; style the div as follows:

.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>

Thank you! I will give it a shot.

[nolsowski]

You might want to put the following inside a div as indicated; style the div as follows:

.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>

Okay brain fart lol. Where would I put this code?

[clydejones]

Okay brain fart lol. Where would I put this code?

I'm guessing you made modifications to tpl_footer_menu.php

The css change would be made to stylesheet_footer_menu.css

[nolsowski]

I'm guessing you made modifications to tpl_footer_menu.php

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.

Oh I added it to my test site here http://frompropertorocker.com/fptr_t...php?main_page=

[clydejones]

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.

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.php

<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>

This goes in the stylesheet_footer_menu.css
.social {
clear:both;
width:100%;

[nolsowski]

This does not go in the stylesheet_footer_menu.css but in tpl_footer_menu.php

<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>

This goes in the stylesheet_footer_menu.css
.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?