• 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

Magazine Pro – add full width widget section above footer

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 › Magazine Pro – add full width widget section above footer

This topic is: not resolved

Tagged: Magazine Pro, widgets

  • This topic has 6 replies, 2 voices, and was last updated 2 years, 9 months ago by InAdvertent.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 1, 2019 at 5:38 am #494366
    InAdvertent
    Participant

    Hi there, as the topic title states: Magazine Pro

    I would like to add full width widget section above the footer section

    have looked at this: https://cre8tivediva.com/full-width-widget-area-to-genesis-child-theme/

    and this

    How To Create A Full-Width Footer Hero Section For Your Genesis Child Theme

    but now would like to know if I can simply duplicate the code shown when wanting to apply to the Magazine Pro theme which is not full width

    thanks in advance, InAdvertent

    November 1, 2019 at 7:01 am #494367
    InAdvertent
    Participant

    Add, looked at this link as well:

    https://gist.github.com/neilgee/9985899

    November 1, 2019 at 3:58 pm #494381
    Anita
    Keymaster

    So you want to add just one full width widget area? The blog post you referenced is actually mine!

    I modified that. So try this - https://gist.github.com/cre8tivediva/22a23ffe8d0a846654842e3a483f6685.

    You will need to add your styling based on the content you use.


    Love coffee, chocolate and my Bella!

    November 2, 2019 at 2:18 am #494392
    InAdvertent
    Participant

    Thanks Anita, will try that and provide feedback, will be a couple of days

    Ideally, I would like to add a full width widget area above the footer area widgets, and then I would then be able to add a 4 separate widgets into that widget area. I hope this makes sense 🙂

    Thanks Adv

    November 2, 2019 at 8:04 am #494400
    Anita
    Keymaster

    That will work for you. If you want to add 4 widgets in there, you'll need to custom code the CSS based on the widgets you use. If you are unfamiliar with how to create the widget areas, then you can use Genesis Widget Column Classes for those. I recommend that quite often.


    Love coffee, chocolate and my Bella!

    November 2, 2019 at 11:50 am #494406
    InAdvertent
    Participant

    thank you muchly Anita

    November 4, 2019 at 10:41 am #494439
    InAdvertent
    Participant

    Hi Anita, I have added the new widget area with success (thank you) and added the column classes widget and I am able to use it

    however, ideally I would like for the widget to be inline with the footer below and not full width

    https://my.studiopress.com/documentation/magazine-pro-theme/homepage-setup/homepage-blocks-layout/

    thanks in advance

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

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