Forum Replies Created
-
Posts
-
got it - basically you need to do 2 things.
1. First, add the appropriate CSS to your #footer (I use jetpack's css style sheet which is where you put your own custom css and so it doesn't affect original files)... I love it!
#footer {
width: 100%;
}2. Second, replace the content inside the footer.php (genesis) to the following (please note that this means changing the genesis code); here's what I read somewhere:
"If you are using a child theme, you need to place this in the root of your child theme. If not, you are going to lose this when you update. So just copy this file to the child them and make your changes. It will look the same and protect you from updates."
Either way replacing the footer.php to this code works (it will get your footer to stretch across the page).
Here's the code:
<?php
/*
WARNING: This file is part of the core Genesis framework. DO NOT edit
this file under any circumstances. Please do all modifications
in the form of a child theme.
*//**
* Handles the footer structure.
*
* This file is a core Genesis file and should not be edited.
*
* @category Genesis
* @package Templates
* @author StudioPress
* @license http://www.opensource.org/licenses/gpl-license.php GPL v2.0 (or later)
* @link http://www.studiopress.com/themes/genesis
*/genesis_structural_wrap( 'inner', '</div><!-- end .wrap -->' );
echo '</div><!-- end #inner -->';echo '</div><!-- end #wrap -->';
do_action( 'genesis_before_footer' );
do_action( 'genesis_footer' );
do_action( 'genesis_after_footer' );
?><?php
wp_footer(); // we need this for plugins
do_action( 'genesis_after' );
?>
</body>
</html>Ok, got the answer:
go to your Crystal's CSS file and 'swap' the width of home-top-left / home-top-right
example:
#home-top .home-top-left {
background: #FFFFFF;
width: 620px;
height: 320px;
float: left;
text-shadow: #FFFFFF 1px 1px;
border-left: 1px solid #D9DFE4;
border-right: 1px solid #D9DFE4;
}#home-top .home-top-right {
background: #FFFFFF;
width: 320px;
height: 320px;
float: right;
border-left: 1px solid #D9DFE4;
border-right: 1px solid #D9DFE4;
}