• 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

Full width widget Area

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 › Full width widget Area

This topic is: not resolved

Tagged: area, full, Magazine Pro, screen, widget

  • This topic has 5 replies, 2 voices, and was last updated 5 years, 1 month ago by malko.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 5, 2020 at 5:19 am #498451
    malko
    Participant

    Hello,

    on magazine pro I have added a new widget area. I was wondering if there is any way, using CSS, to make this area full width or full screen, IE more than 1160px as the other widget areas.
    I'm talking of the orange area you see at the link attached.

    Any help would be much appreciated.

    http://shop.pistolpocket.it/
    May 6, 2020 at 2:39 am #498482
    malko
    Participant

    I try changing a bit my question. In magazine pro, is there any way to bypass the .site-inner 1140px max-width in only one widget?

    May 6, 2020 at 2:46 am #498483
    malko
    Participant

    Or, is there any hook I could use in the Anita's code below, that let me put a new full-width widget area wherever I want between home-top, home-middle etc?

    //* Add a full width widget area before footer widgets in Magazine Pro
    genesis_register_sidebar( array(
    'id' => 'before-footer-widgets',
    'name' => __( 'Before Footer Widgets', 'genesis' ),
    'description' => __( 'This is the before footer widget.', 'themename' ),
    ) );
    add_action( 'genesis_before_footer', 'c8d_before_footer_widget', 3 );
    function c8d_before_footer_widget() {
    genesis_widget_area( 'before-footer-widgets', array(
    'before' => '<div class="before-footer-widgets widget-area">',
    'after' => '</div>',
    ) );
    }

    May 7, 2020 at 5:05 am #498539
    malko
    Participant

    I found the hook, genesis_after_home-middle_widget_area, but is actually not working with code above.

    I find really disappointing that there is not a single Genesis theme that has a full width (edge to edge) widget area between other widget areas.

    Even more disappointing that no one can help.

    May 7, 2020 at 5:04 pm #498549
    AnitaC
    Keymaster

    Because Magazine Pro was set up as boxed, the full width widget will not work. What are you putting in that area and please provide a link to the site you are working on.


    Need help with customization or troubleshooting? Reach out to me.

    May 8, 2020 at 4:48 am #498561
    malko
    Participant

    Thanks for your reply. I'm working on this website http://shop.pistolpocket.it/

    On this widget, the green one, I will put some text or some background image.

    If not possible to have an edge to edge widget in that position, I think I will have to find another theme.

  • 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

© 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