• 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

Stretch footer widgets – Foodie Pro Theme

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 › Stretch footer widgets – Foodie Pro Theme

This topic is: not resolved

Tagged: foorie pro, footer, full width, stretch

  • This topic has 10 replies, 3 voices, and was last updated 9 years, 4 months ago by Aussie.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 16, 2015 at 3:55 pm #156432
    VeraK
    Member

    Hello,
    I am in the process of finishing an upgrade for a blog. I am using the Foodie Pro theme. This is the URL: http://olddesignshop.com/test
    I have made the footer widgets, as instructed, but I need the black color background to stretch from side to side, full screen.
    The theme support is no help. they only offer support as to how to set the theme up like the demo.
    I have found and read and tried everything about the hooks, but was unsuccessful. I installed the Genesis Hook Guide, to help with this - nothing.
    Can you help me, please, to move the entire footer widget area and footer to below the content container? Below the "genesis_after" hook, for instance?
    Thank you for your assistance,
    Vera

    http://olddesignshop.com/test
    June 16, 2015 at 4:54 pm #156447
    Tony @ AlphaBlossom
    Member

    Hi,

    around line 582 of your style.css, you have .site-container set to "max-width: 1140px;" and "padding: 0 30px;".

    You should remove that and instead apply it to your .site-inner div. You'll also have to make the adjustment in your media query if you'd like the same effect for smaller screens.

    Have a great day!

    Tony


    Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

    June 16, 2015 at 5:43 pm #156453
    VeraK
    Member

    Tony,
    Thank you for your prompt reply.
    Apologies, that is not what I meant. I don't need the whole site container stretched.
    I only need to move the FOOTER WIDGETS and the footer down, to be placed BELOW the site-container, ahd yave ONLY the footer area background stretch full screen.
    I have found the answers that instruct to remove actions in the theme's function.php file and replace them with other actions. However, this hasn't made a difference. Don't know why.
    Thnk you for your assistance.
    Vera

    June 16, 2015 at 8:14 pm #156475
    Tony @ AlphaBlossom
    Member

    If you try my suggestion I think you'll find that it does what you described...but if you want to move it to genesis_after, this will do what you need:

    
    remove_action( 'genesis_before_footer', 'genesis_footer_widget_areas' );
    add_action( 'genesis_after', 'genesis_footer_widget_areas', 3 );
    
    remove_action( 'genesis_footer', 'genesis_do_footer' );
    remove_action( 'genesis_footer', 'genesis_footer_markup_open', 5 );
    remove_action( 'genesis_footer', 'genesis_footer_markup_close', 15 );
    
    add_action( 'genesis_after', 'genesis_do_footer' );
    add_action( 'genesis_after', 'genesis_footer_markup_open', 5 );
    add_action( 'genesis_after', 'genesis_footer_markup_close', 15 );
    

    Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

    June 17, 2015 at 7:28 am #156518
    VeraK
    Member

    Tony,
    Thank you.
    As a matter of fact, I did try it out. It made everything jump to the left and change proportions, and the whole site container has become full width. That's how I knew it wasn't what I wanted.
    Now I have placed your code in, and got two footer widget areas: the one I want and the one I had before. Somehow it doesn't want to go away. What am I doing wrong?
    Thank you so much for your help,
    Vera

    June 17, 2015 at 11:09 am #156537
    VeraK
    Member

    Tony,
    I think I've got it. I put in the style.css the following:
    '.site-container .footer-widgets {
    display: none;
    background-color: none !important;
    }
    .site-container .site-footer {
    display: none;
    }'
    Don't know if it is the right thing to do, but it appears to have solved the double footer areas.
    But if you think there is a better, more correct way and this one is not right - I would appreciate your help in the solution.
    Thank you,
    Vera

    June 17, 2015 at 11:37 am #156539
    Tony @ AlphaBlossom
    Member

    Hi Verak,

    I'm glad you tried it, but I think something was wrong. When I change the css, the site looks exactly the same except the black footer-widgets background becomes full width.

    For the functions, i'm not sure why there would be two footer widgets. Your original footer-widgets and footer are not being removed. I tried this code with the Foodie theme and everything works fine.

    I can think of two things that might be causing this...where ever you're adding this code is getting executed before the original code to add the footer widgets and footers, so it's not removing them, or there is some custom code added that's adding them again.

    My guess is the first, so I'd recommend (if you're not already) adding it to your theme's functions.php file inside the foodie_theme_setup() function, at the end.


    Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

    June 17, 2015 at 12:49 pm #156547
    VeraK
    Member

    Tony,
    Yes, thank you. That was it.
    I have added them almost in the correct place, but after the "}" closing the foodie_theme_setup() function. Now that you said "inside", I realized the mistake, moved the code before the "}" - and it solved the double footer issue.
    Thank you for your help.
    Vera

    June 17, 2015 at 12:53 pm #156549
    Tony @ AlphaBlossom
    Member

    Hi Vera,

    Awesome! Glad it's working how you want 🙂


    Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

    June 17, 2015 at 1:39 pm #156558
    VeraK
    Member

    Thank you. 🙂

    February 28, 2016 at 5:03 am #180142
    Aussie
    Member

    Im having similar issues.. Its a terrible child theme, all she's done is add restrictions to it.

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