WordPress.org

Ready to get started?Download WordPress

Forums

Make foot go across entire page instead of c1 (10 posts)

  1. vperson
    Member
    Posted 4 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 4 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 4 years ago #

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

  4. vperson
    Member
    Posted 4 years ago #

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

  5. kz
    Member
    Posted 4 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 4 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 4 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 4 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 4 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 4 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.

About this Topic