Forums

Extended Footer on Plain Yogurt theme

Permalink 1 user found helpful
I thought I had this, but nothing I'm trying works.

I would like to make the footer extend out edge to edge (basically an infinity footer)
and also to the bottom. Example - Concete5 take a look at the footer at the bottom of this page.
I'm using the plain yogurt theme - it's already been copied and moved to the "Themes"folder.
I modified the beginning of the css by adding a wrapper ( and also to the full.php file:

html, body {height: 100%; }
#wrapper {min-height: 100% }
body {/* customize_background */ background-image:url(images/ca-background-seo2.png); /* customize_background */overflow:auto; padding: 0px; margin: 0px auto; background-repeat: repeat-x; background-position: left 11px; }
img {border: 0px}
a { cursor:pointer}

label { font-weight:bold;}
fieldset { border:1px solid #ccc;}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

/* Page Structure / Navigation */
#page{ overflow: auto; width:990px; margin:0 auto; text-align:left }



please tell me what I'm doing wrong and how to fix it.
many many thanks....( and I don't want to show the site because it's totally not ready to view: ie; tester images, funky background image, etc., but here it is:http://www.clickactivate.com/

thank you,
Karen
PPPills
 
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
The footer div is wrapped inside the page div which is controlling its width at 990px, (line 15 of your main.css file),
To have your footer take on a full width you need to do two things,
First edit your footer.php from this,
<?php  defined('C5_EXECUTE') or die("Access Denied."); ?>
   <div id="footer">
         <span class="powered-by"><a href="http://www.concrete5.org" title="<?php echo t('concrete5 - open source content management system for PHP and MySQL')?>"><?php echo t('concrete5 - open source CMS')?></a></span>
         © <?php echo date('Y')?> <a href="<?php echo DIR_REL?>/"><?php echo SITE?></a>.
           
         <?php echo t('All rights reserved.')?>
         <?php 
         $u = new User();
         if ($u->isRegistered()) { ?>
            <?php  
            if (Config::get("ENABLE_USER_PROFILES")) {
               $userName = '<a href="' . $this->url('/profile') . '">' . $u->getUserName() . '</a>';
            } else {
               $userName = $u->getUserName();
            }
Viewing 15 lines of 25 lines. View entire code block.

To this
<?php  defined('C5_EXECUTE') or die("Access Denied."); ?>
</div>
   <div id="footer">
         <span class="powered-by"><a href="http://www.concrete5.org" title="<?php echo t('concrete5 - open source content management system for PHP and MySQL')?>"><?php echo t('concrete5 - open source CMS')?></a></span>
         © <?php echo date('Y')?> <a href="<?php echo DIR_REL?>/"><?php echo SITE?></a>.
           
         <?php echo t('All rights reserved.')?>
         <?php 
         $u = new User();
         if ($u->isRegistered()) { ?>
            <?php  
            if (Config::get("ENABLE_USER_PROFILES")) {
               $userName = '<a href="' . $this->url('/profile') . '">' . $u->getUserName() . '</a>';
            } else {
               $userName = $u->getUserName();
Viewing 15 lines of 25 lines. View entire code block.

And then add some extra css at line 63 of your main.css from this
#page #footer{ padding-top:24px; clear:both; padding-bottom:16px; color:#999; font-size:10px }


To this
#footer{ padding-top:24px; clear:both; padding-bottom:16px; color:#999; font-size:10px; width:100%; margin: 0 auto 0 auto; text-align:center}


Please note I have not tested this so it may take a little tweaking
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
I have now tested this and it appears to work okay..
PPPills replied on at Permalink Reply
PPPills
weyboat,

Wow - I'm really grateful. I'm meeting with clients on something else this am to early afternoon, but I'm going to be working on this after that. I'm really excited and I'll let you know how it works out - and show you the result.
many - many thanks,
Karen