MyBB Community Forums

Full Version: How to properly separate footer classes???
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I have two footer classes: <div class="footer2_block"> and <div class="footer_block">.

When I added "footer2" the light grey bar it shortened my original footer bar on both sides.


[Image: 14209483225_3b26ee757b_c.jpg]

How can I expand the bottom footer all the way, both right and left?

I also want to center the light grey bar text from top to bottom.

Here's the code:


<!--footer-->
<div class="footer2">
<div>
<div class="footer2_block">
<ul>
<li><a href="http://carfanaticsforum.com/thread-20939.html">About Us</a> | <a href="http://carfanaticsblog.com/contact/" target="_blank">Contact Us</a> | <a href="misc.php?action=switch_version&amp;my_post_key={$GLOBALS['gmb_post_key']}">Mobile Site</a>
</ul>
</div>

<!--footer-->
<div class="footer">
<div>
<div class="footer_block">
<ul>
<li>&copy; 2014 <a class="parent_link" href="https://twitter.com/MozzMedia" target="_blank">Mozz Media</a>. All rights reserved. | <a href="http://www.carfanaticsforum.com/thread-24206.html">Terms of Service</a> | <a href="http://www.carfanaticsforum.com/thread-24202.html">Privacy Policy</a> | Powered by <a class="parent_link" href="http://www.mybb.com/" target="_blank">MyBB</a> | Theme by <a class="parent_link" href="http://www.audentio.com/" target="_blank">Audentio</a> 
</ul>
</div>
<ul class="follow_us">
<li class="facebook"><a href="https://www.facebook.com/CarFanaticsForum?ref=sgm" target="_blank" title="Facebook"></a></li> 
<li class="twitter"><a href="https://twitter.com/carfanatics" title="Twitter" target="_blank"></a>  </li>
<li class="googleplus"><a href="https://plus.google.com/109551407437684470768/posts" title="Google Plus" target="_blank"> </a></li></br>
<a href="#top" class="fadeover toTop"><img src="images/audentio/unova/arrow-2.png" alt="to top" /></a>
BUMP!
find .footer_2 > div in your global.css and remove the width property
(2014-05-19, 06:30 PM)Leefish Wrote: [ -> ]find .footer_2 > div in your global.css and remove the width property

Thank you.

One last thing. There's still a small gap below the footer and on the right side as well for both bars. Is there a way to fill that gap?

[attachment=31603]
It's caused by that grow/shrink thing - which is part of the theme. Maybe Audentio can help.
(2014-05-19, 07:32 PM)Leefish Wrote: [ -> ]It's caused by that grow/shrink thing - which is part of the theme. Maybe Audentio can help.

I don't think that's it.

It looks the same way on my other theme.

[attachment=31608]