• 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

Just want one footer widget in Agent theme, but dont know how

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 › Just want one footer widget in Agent theme, but dont know how

This topic is: not resolved

Tagged: Agency, footer, widgets

  • This topic has 7 replies, 4 voices, and was last updated 12 years, 2 months ago by bandj.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 11, 2013 at 12:21 pm #11287
    citilife
    Member

    I would like to have just one footer widget that spans the entire width of the page. How can I accomplish this. I am using the Agency child theme, can anyone help with how I could accomplish this?

    January 11, 2013 at 12:35 pm #11290
    Brian Bourn
    Member

    In your functions.php file change:

    /** Add support for 3-column footer widgets */
    add_theme_support( 'genesis-footer-widgets', 3 );

    to:

    /** Add support for 1-column footer widget */
    add_theme_support( 'genesis-footer-widgets', 1 );

    After that you may need to make some CSS adjustments to the width along with anything else that pops up.


    Bourn Creative | bourncreative.com | Twitter

    March 1, 2013 at 6:10 pm #23608
    Tim Squires
    Member

    Hi, could I please ask how to retain the 3 column widget area, but have the widget area itself extend to 100% width of the entire screen? I would like the footer widget area of this site to go full screen width in the same way that the band behind the welcome area/slider does.Many thanks for any tips, Tim

    http://timsquires.com.au/hrmatters


    timsquires.com.au

    March 2, 2013 at 7:33 am #23724
    bandj
    Member

    @timsquires

    the red behind the welcome area is your main background image, not actually the width of your #wrap.

    your #wrap is 960px wide so everything is contained in it. You would have to change that to 100% wide and then change all the other div wraps like #header .wrap etc. down to #footer .wrap to 960px wide and margin: 0 auto

    March 2, 2013 at 6:51 pm #23833
    Tim Squires
    Member

    Thanks bandj, another forum member suggested that also and I gave it a try. It partially worked - I managed to adjust the width to 100%, and was then able to bring the footer widgets back into a centered position, but the space between the footer widgets was uneven. Also, I couldn't get the header, slider or other content areas to re-align to the center. Maybe I need to work back through it again to see what I'm doing wrong. But I also wondered if it is possible to create another background image - similar to the one behind the welcome area - and have that behind the footer widget area. That way I wouldn't have to adjust the div wraps, but I'm not sure if that method is possible. Many thanks for your advice - I'll keep trying 🙂


    timsquires.com.au

    March 3, 2013 at 7:23 am #23878
    bandj
    Member

    you can't add a 2nd background to the background already there.

    But here is something you can try.

    add something like this to your body...change the height and color as you like

    border-bottom: 60px solid #d6244c;

    then for your #footer add a negative bottom margin

    margin: 0 auto -60px;

    maybe you want to  add 9px bottom margin to #footer-widgets

    Adjust the footer margin and border-bottom sizes etc to what you want.

    Check all your pages and test on devices.

    March 4, 2013 at 2:06 pm #24111
    Tim Squires
    Member

    Hi bandj - thanks so much for that tip. It worked beautifully. I added the code that you suggested and by adjusting the values was able to achieve the effect that I needed. I wanted a band across the footer area to the anchor the page and provide some weight at the bottom. Your advice is very much appreciated - thanks again.

    Tim

    http://timsquires.com.au/hrmatters


    timsquires.com.au

    March 4, 2013 at 2:12 pm #24113
    bandj
    Member

    Looks good.

    you're welcome

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