WordPress.org

1. vperson
   Member
   Posted 2 years ago #

   I am trying to change the footer.php so that it will span the entire bottom of the page, but instead it is just showing up under column 1.
   Here is the php: `<div id="footer">
   <?php bloginfo('name'); ?> is powered by WordPress using theme Renegade<?php wp_footer(); ?>
   </div>

   </div>
   <div id="c2">

   <?php include(TEMPLATEPATH."/sidebar.php");?>

   </div>

   </div>

   </body>

   </html>`
   Thanks in advance.

2. kz
   Member
   Posted 2 years ago #

   Maybe:
   

   <div id="footer">
   
   /* write your code here */ 
   
   <?php bloginfo('name'); ?> is powered by WordPress using theme Renegade<?php wp_footer(); ?>
   
   </div>
   
   </body>
   
   </html>

3. vperson
   Member
   Posted 2 years ago #

   Oops! Here is the link to the site:
   http://eaglebungalows.com

4. vperson
   Member
   Posted 2 years ago #

   KZ- nope, still only under column 1 and it took away my sidebar content.

5. kz
   Member
   Posted 2 years ago #

   your get_footer() maybe included in 'c1' div block.
   

   <div id="c1">
    :
    get_footer();
   </div><!--c1//-->

   Put get_footer() after 'c1' div block.
   

   <div id="c1">
    :
   </div><!--c1//-->
   get_footer();

6. vperson
   Member
   Posted 2 years ago #

   KZ_- Only c2 is referenced in the code, not c1. c2 is the sidebar and if I move it, it goes below c1.

7. vperson
   Member
   Posted 2 years ago #

   KZ_- Only c2 is referenced in the code, not c1. c2 is the sidebar and if I move it, it goes below c1.

8. kz
   Member
   Posted 2 years ago #

   Your page structure is:
   

   body
     #wrap
       #c1
         #book
         #buttons
         #copy
         #footer
       #c2
         #sidebar

   #footer is included in #c1, so its width is 269px as same as #c1's width.

   If you wanto to make footer go across entire page,
   change the page structure like:
   

   body
     #wrap
       #c1
         #book
         #buttons
         #copy
       #c2
         #sidebar
       #footer

   and add rule in style.css:
   #footer{clear:both;}

9. vperson
   Member
   Posted 2 years ago #

   KZ-This makes sense. SO I need to change order in the css or index? I am sorry I have not learned all the proper terms yet.

10. kz
    Member
    Posted 2 years ago #

    Maybe, footer.php:
    

    <div id="footer">
    <?php bloginfo('name'); ?> is powered by WordPress using theme Renegade
    </div>
    <?php wp_footer(); ?>
    </body>
    </html>

    Make sure the closing tag </div><!--c1//--> for c1 block places before footer.php

Topic Closed

This topic has been closed to new replies.