Horizontal widgets help

Community Forums Forums Design Tips and Tricks Horizontal widgets help

This topic is: not resolved

This topic contains 1 reply, has 1 voice, and was last updated by  osalcedo 6 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #87872

    osalcedo
    Member
    Post count: 3

    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 :)

    #87874

    osalcedo
    Member
    Post count: 3

    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%;
    }

    • This reply was modified 6 months ago by  osalcedo.
    • This reply was modified 6 months ago by  osalcedo.
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.