Backcountry Middle Home Widget

[mikemueller]

Having a small issue with a Backcountry theme.

Forced the full width, created a sidebar widget area but I'm missing something as the three are not lining up right.

On functions.php I have:

genesis_register_sidebar( array(
'id' => 'home-middle',
'name' => 'Home Middle',
'description' => 'Middle column of home page',
) );

On home.php I have:

function backcountry_home_loop_helper() {

if ( is_active_sidebar( 'home-left' ) || is_active_sidebar( 'home-right' ) ) {

echo '<div id="home">';

echo '<div class="home-left">';
dynamic_sidebar( 'home-left' );
echo '</div><!-- end .home-left -->';

echo '<div class="middle-home">';
dynamic_sidebar( 'home-middle' );
echo '</div><!-- end .home-middle -->';

echo '<div class="home-right">';
dynamic_sidebar( 'home-right' );
echo '</div><!-- end .home-right -->';

echo '</div><!-- end #home -->';

}

And I added in the stylesheet:

.home-left {
float: left;
width: 275px;
}

.home-middle {
margin-left:auto;
margin-right:auto;
width: 275px;
}

.home-right {
float: right;
width: 275px;
}

The site is http://tidalmarine.net/

 

[Tony @ AlphaBlossom]

You're gonna kick yourself 🙂

Should be class="home-middle". You'll also have to float .home-middle left.

Have a great night!

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[mikemueller]

LOL!  I should have seen that!  Thanks Tony!

Changed it on home.php and it's closer but still skewed.

Hmmm

[Tony @ AlphaBlossom]

Lol...glad you got it since my code keeps getting stripped out.

Adding the "float: left;" to the middle widget will line them all up.

take care.

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Author]

Posts