View Full Version : Resolved Need help centering footer

09-09-2011, 12:22 AM
I am having a problem editing my style.css and/or footer.php to get my footer container to center.

Here is my current code.

Footer CSS:

#footer { border-top: 1px solid #fff; }
p#copyright { float:right; font-size:12px; color:#555555; text-shadow: 1px 1px 1px #fff; padding: 30px 0px; }
p#copyright a {font-weight: bold; color:#555555;}

#footer-widgets #widgets-wrapper { padding-bottom: 35px; }
#footer-widgets .widget { float: left; width: 220px; margin-right: 26px; padding-top: 45px; }
#footer-widgets .last { margin-right: 0px; }
#footer-widgets h3.widgettitle { background: url(images/footer-separator.png) no-repeat bottom left; padding-bottom: 14px; margin-bottom: 10px; }

Footer PHP:

<div id="footer-widgets">
<div class="container">
<div id="widgets-wrapper" class="clearfix">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer') ) : ?>
<?php endif; ?>
</div> <!-- end #widgets-wrapper -->
<div id="mypic">
<img src="http://ignitewebsites.com/beta/wp-content/uploads/2011/08/logos.png"/>
</div> <!-- end .container -->
</div> <!-- end #footer-widgets -->

<div id="footer">
<div class="container clearfix">
<p id="copyright"><?php esc_html_e; ?> <a href="http://www.ignitewebsites.com" title="Web Design Company"> Copyright 2011, Ignite Marketing & Design</a>
</div> <!-- end .container -->
</div> <!-- end #footer -->
</div> <!-- end #center-highlight-->

<?php include(TEMPLATEPATH . '/includes/scripts.php'); ?>

<?php wp_footer(); ?>


You can see the footer and source code at: http://ignitewebsites.com/beta/

I appreciate any help that can be provided.