Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Need help centering footer

    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:


    Code:
    #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:

    Code:
    			<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>
    				</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(); ?>	
    
    </body>
    </html>

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

    I appreciate any help that can be provided.
    Last edited by IgniteWebsites; 09-09-2011 at 01:24 AM.


 

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •