• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Featured (widget) Homepage Area Problems

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Featured (widget) Homepage Area Problems

This topic is: not resolved

Tagged: Featured area, homepage, widget area

  • This topic has 9 replies, 2 voices, and was last updated 10 years, 5 months ago by venethia.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 9, 2015 at 8:22 am #155568
    venethia
    Member

    Hi,

    I'd like to insert a featured homepage area on my blog (eleven40 pro child theme) just after header and above the first post.

    I decided to insert two widget into this featured area : 50% width each one.

    This is the code on my home.php

    <?php
    
    if ( is_active_sidebar( 'featured-left' ) ) {
        echo '<div class="featured"><div class="featured-left">'; //Add the left style div
        dynamic_sidebar( 'featured-left' ); //Add the featured left widget
        echo '</div><div class="featured-right">'; //Add the right style div
        dynamic_sidebar( 'featured-right' ); //Add the featured right widget
        echo ''; // close out the divs and BOOM!
    }
    
    //* Run the Genesis loop
    genesis();
    

    This is the code I added to style.css :

    /* Featured Area Homepage
    ------------------------------------------------------------ */
     
    .featured {
        margin: 0 auto;
        height: 430px;
        padding: 0 0 25px;
        width: 910px;
    }
     
    /* Add this next part in */
    .featured-left {
        float:left;
        width:670px;
    }
     
    .featured-right {
        float:right;
        width: 220px;
    }
    

    This is the code I added to function.php :

    genesis_register_sidebar( array(
    	'id'          => 'featured-left',
    	'name'        => __( 'Featured Left', 'eleven40' ),
    	'description' => __( 'This is the Home Page Featured widget area left.', 'eleven40' ),
    ) );
    
    genesis_register_sidebar( array(
    	'id'          => 'featured-right',
    	'name'        => __( 'Featured Right', 'eleven40' ),
    	'description' => __( 'This is the Home Page Featured widget area right.', 'eleven40' ),
    ) );

    All is ok about function.php and home.php but I think the code into style.css is wrong because I got a terrible result.

    Take a look at this screenshot :

    http://www.fabbricapolitica.com/wp-content/uploads/2015/06/Schermata-2015-06-09-alle-16.09.26.png

    Someone had the same problem?

    http://www.fabbricapolitica.com
    June 9, 2015 at 9:19 am #155578
    Genesis Developer
    Member

    I did by this plugin "Genesis Widget Generator" . Here is process:

    Featured Left Widget Area
    Featured Right Widget Area
    Setting Two Widget Areas
    Showing Two Widget Areas Above the Post


    Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
    You can request new tips/help.

    June 9, 2015 at 9:26 am #155580
    venethia
    Member

    Is it possible to have a full width featured area (where the two widget are) with that plugin?

    June 9, 2015 at 10:13 am #155584
    Genesis Developer
    Member

    Yes. You can do anything. I used "one-half" class for two columns widget area. By default it is making full width widget area


    Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
    You can request new tips/help.

    June 11, 2015 at 1:42 am #155812
    venethia
    Member

    Is it possible to obtain a featured optin area like in http://hotlead.it?

    If yes...to do it need I 2 or 3 widget?

    June 11, 2015 at 2:21 am #155815
    venethia
    Member

    Just bought the plugin and tested the full width.

    But the full width are dor me include the also the part of the sideber.

    Take a look at this screenshot : http://www.fabbricapolitica.com/wp-content/uploads/2015/06/fwa.png

    June 11, 2015 at 2:27 am #155816
    Genesis Developer
    Member

    Which hook are you using? You can use genesis_before_content_sidebar_wap hook.


    Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
    You can request new tips/help.

    June 11, 2015 at 2:55 am #155818
    venethia
    Member

    I have 3 widget :

    1) Center widget (full width include sidebar size)
    2) Left widget (half width include sidebar size). This is below the center widget, on the left.
    3) Left widget (half width include sidebar size). This is below the center widget, on the right.

    Which hooks should I use?

    The layout I'd like is similar to http://www.hotlead.it

    June 11, 2015 at 3:02 am #155819
    Genesis Developer
    Member

    Can you share the wp-admin access via this form? Please share all the problem via this form also. Because you purchased my plugin. This is not right place for third party support.


    Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
    You can request new tips/help.

    June 11, 2015 at 3:06 am #155820
    venethia
    Member

    Sure, you are right. I just filled out the form.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble