Trouble center footer

  • Resolved smithc1080

    (@smithc1080)


    13 years, 3 months ago

    SO here is the code for my footer from the footer.php file.

    <?php
/**
 * @package WordPress
 * @subpackage Adventure_Journal
 */
?>
			<!-- begin footer -->
			<div class="clear"></div>
            <div id="footer">
				<div class="nav-horz nav-footer"><?php  wp_nav_menu( array( 'theme_location' => 'footer-menu' ) ); ?></div>
				<?php wp_footer(); ?>
				<div class="clear"></div>
            </div>
          </div>
        </div>
		<div id="colophon">
			<a id="wpophon" href="https://www.www.remarpro.com" title="Powered by WordPress"></a>
			<div class="clear"></div>
		</div>
    </div>
</body>
</html>

    Can’t seem to get this centered on my page. Have tried nearly all centering code I can think of with no results. Pretty new to this so probably just doing something stupid. I am running the newest version of wordpress with an adventure theme. I have a guy that helps with this kind of stuff but he is in Europe for a month so I need to reach out to the WP peeps. Any help would be appreciated!

Viewing 7 replies - 1 through 7 (of 7 total)

  • Try wrapping the menu and items in a table, centered, instead of a div.

    what is your website?

    Thread Starter smithc1080

    (@smithc1080)

    That was a no-go. Didn’t work for me and made the things that were already there look weird. Thanks for the suggustion though.

    Providing a link to the site is really the best way for us to help.

    Thread Starter smithc1080

    (@smithc1080)

    Sorry. Thought I had that in the original post. It’s https://www.cjmarketingagency.com… Like I said my partner that does all the wordpress work is out of the country for a month and this has been bugging me. Just want to center than “powered by wordpress” logo. Thanks!

    open your theme’s style.css

    remove float: left;
    from

    .nav-horz li {
}

    then, add this style

    #footer{
text-align: center;
}
#footer ul{
margin:0;
padding: 0;
list-style: none;
}
#footer ul .children{
display: none;
}
#footer li{
margin:0;
padding: 0;
width: auto;
display: inline-block;
}

    wp logo
    remove float: right;
    from

    #wpophon {
}

    and add
    margin: 0 auto;
    to

    #wpophon {
}

    Thread Starter smithc1080

    (@smithc1080)

    Thatnks… All I needed was the bottom part. Just changed #wpophon { display:block; width:228px; float:right; height:44px; background:url to #wpophon { display:block; width:228px; margin: 0 auto; height:44px; background:url So basicaly your last step! Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Trouble center footer’ is closed to new replies.