Move position of footer text.

  • I’ve tried to get the text (copyright notice, etc) in footer.php to move down to the bottom of the page, but I can’t seem to do that; it’s stubbornly fixed itself to the top right position of the page.

    I need to move this, so how can I do it? This is the code for the footer in styles.css:

    #foot {
	width: 675px;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	clear: both;
}

#foot p {
	padding: 10px 0;
	font-size: .8em;
	line-height: 180%;
	margin: 0;
	text-align: center;
}
Viewing 7 replies - 1 through 7 (of 7 total)

  • Probably won’t get much help without a link to your site, or at least the name of your theme.

    Thread Starter fox-mulder

    (@fox-mulder)

    You can’t access the site, since it’s not live yet; it’s only on my computer. I’m using a custom theme so there is no theme name, and it used to work, but now it doesn’t, even though I didn’t change anything.

    Thread Starter fox-mulder

    (@fox-mulder)

    Nobody in the entire WordPress community has a clue as to how to make this work? Unbeweevable! Come on, it can’t be that hard.

    Well, it’s kinda more complicated than that is why. Sometimes the browser will kick the footer up there if there’s not enough room below. Best suggestion I can think up is to use the float:left; property on #foot. I’m assuming this id is being applied to a div box.

    In my footer.php file I use `<div id=”footer”>
    <div align=”center”>`to center and <*br /*> (remove asteriks to really work) to space them. I always figuered I would go back someday and fix the css but still haven’t gotten to it.

    Thread Starter fox-mulder

    (@fox-mulder)

    Well, I don’t do any programming, so I can’t answer the question about the footer.php file using a div box, but I presume it is, since there’s an awful lot in the styles.css file.

    But let’s say I start from scratch and take the original footer.php file as it ships with the standard WordPress installation. What line(s) do I modify there to include the copyright of 2009 to (current year), and exactly where do I put those modifications?

    Here is my footer file. It is from the default. You can see where I added things. You can also compare it to my blog if you wish

    <br />
<br />
<br />
<br />
<br />
<div id="footer">
<div align="center">
<p><br />
<span class="style5"><em>Years from now you will be more disappointed by the things you didn't do than by the ones you did do.<br />
So throw off the bow lines. Sail away from the safe harbor. Catch the tradewinds in your sails. Explore. Dream. Discover.</em> —Mark Twain</span><br />
<br />
<img src="https://www.ourexcellentadventures.com/wp-content/extra/logo.gif" alt="Thanks for visiting!" width="90" height="86" /><br />
<br />
Our Excellent Adventures &copy; 2010. Powered by <a href="https://www.ads-software.com/">WordPress.</a>
<br />
<img src="https://www.ourexcellentadventures.com/wp-content/stcextra/feed-icon14x17.gif" alt="Entries RSS" width="14" height="17" /> <a href="https://www.ourexcellentadventures.com/feed/">Entries (RSS)</a> and <img src="https://www.ourexcellentadventures.com/wp-content/stcextra/feed-icon14x17.gif" alt="Entries RSS" width="14" height="17" /> <a href="https://www.ourexcellentadventures.com/comments/feed/">Comments (RSS)</a>.<br />
<img src="https://www.ourexcellentadventures.com/wp-content/stcextra/email.gif" alt="email" width="16" height="18" border="0" /> <a href="https://feedburner.google.com/fb/a/mailverify?uri=OurExcellentAdventures&loc=en_US">Subscribe to Our Excellent Adventures by Email</a></p>
Best viewed with IE8. W3C compliant.
<p>
<script type="text/javascript"><!--
google_ad_client = "pub-6268810243702593";
google_ad_slot = "9202340035";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="https://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<div align="left">Visits: <?php if (function_exists('wpcomstats_visits')) wpcomstats_visits($before, $after, $post_id, $days);?>
</div>
</div></div>

<?php wp_footer(); ?>
</body>
</html>
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Move position of footer text.’ is closed to new replies.