• 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

Agent Press Pro Full Widget Widget Home Page

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 › Agent Press Pro Full Widget Widget Home Page

This topic is: not resolved

Tagged: agent press pro, Agentpress, Full Widget, home, widget

  • This topic has 5 replies, 4 voices, and was last updated 3 years, 11 months ago by ibtdubai.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 23, 2015 at 4:16 pm #148946
    darune123
    Member

    How do I get any of the the Home page widgets to be a full width? I just want to use the widget like genesis featured post to place 1 post on the page. I still want to keep the featured home widget the same. That works fine for my needs.

    But, Home (Top, Middle, or Bottom) would be fine to make full width to display one post (or most posts).

    Thank you.

    May 1, 2015 at 9:07 pm #149780
    Tom
    Participant

    To place a post in Home Bottom that uses the full width of the widget area

    Place a featured post widget in Home Bottom.
    Add this CSS to the bottom of the child theme stylesheet:

    .home-bottom .widget .post  {
        width: 100%;
    }
    

    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

    April 18, 2019 at 1:32 pm #490728
    cashable
    Member

    I am sorry to hop on a post that is 4 years old, but I am having this same issue. I followed the instructions above, added the css, but it made no change. It seems to be an issue with the widget only being about 310 pxls wide, regardless of the 100% setting.

    http://www.mouseplanners.com

    You can see in the bottom area, it is small, and no matter what I change in the css of the theme, it does not change sizes. Thanks!

    April 18, 2019 at 1:47 pm #490729
    Tom
    Participant

    Hmm. I haven't touched WP in at least two years 🙂

    Try this. Find this in style.css at line 1474:

    .full-width .featuredpage {
       clear: none;
       align-content:  width: 23.875%;
    }

    Change width to 100%.


    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

    April 18, 2019 at 1:55 pm #490730
    cashable
    Member

    Tom, thank you, you are awesome! I thought I had changed every % that was listed in the css, guess I missed the one that counts. Thanks again!

    April 22, 2019 at 2:05 am #490781
    ibtdubai
    Member

    Hi there,

    To register a widget area, do this: https://codex.wordpress.org/Function_Reference/register_sidebar#Example

    Then you can add it to GP like this:

    add_action( 'generate_after_header', 'tu_add_full_width_widget_area', 100 );
    function tu_add_full_width_widget_area() {
    if ( is_active_sidebar( 'YOUR_WIDGET_ID' ) ) : ?>
    <div class="grid-container">
    <?php dynamic_sidebar( 'YOUR_WIDGET_ID' ); ?>
    </div>
    <?php endif;
    }

    Let me know if this helps or not


    IT Solutions and Support Service Provider in Dubai, UAE

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 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

© 2023 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