Horizontal widgets help

[osalcedo]

I would like to thank you all in advance for your help 🙂
For the life of me, I can't get this to work...

I'm trying to put three widget areas arranged horizontally in Metro Pro using "genesis_before_content_sidebar_wrap"
The widgets will be arranged as follows... Coupon 1 | Sale Items | Coupon 2

The code I used in "functions.php" and "style.css" simply isn't working.
It keeps displaying vertically :/

What code do you suggest I use????
Any help would be greatly appreciated 🙂

[osalcedo]

I'd like to add THREE widgets area side by side, but this is what I have so far...

I'm using the following in functions.php...

//* Register homepage sales area area
genesis_register_sidebar( array(
'id' => 'sales-area',
'name' => __( 'Sales Area', 'metro' ),
'description' => __( 'This is the sales area widget for the homepage.', 'metro' ),
) );

//* Add homepage sales area area
add_action( 'genesis_before_content', 'custom_sales_area' );
function custom_sales_area() {
if ( is_page(2) )
genesis_widget_area( 'sales-area', array(
'before' => '<div class="sales-area">',
'after' => '</div>',
) );
}

And in style.css...

div.sales-area {
overflow: auto;
margin: 10px;
padding: 10px;
}

div.sales-area .widget-wrap {
float: left;
width: 25%;
padding: 2%;
margin: 0 1%;
}

[Author]

Posts