How to place Footer Widget outside Inner ??

Community Forums Forums Design Tips and Tricks How to place Footer Widget outside Inner ??

This topic is: not resolved

This topic contains 2 replies, has 3 voices, and was last updated by  David Chu 8 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #57457

    Captain Dynamo
    Participant
    Post count: 15

    Hi,

    http://www.e-v-a.co.nz

    Can somebody please help me on the website above.

    If you look in firebug, the current scripting is as follows:

    <div id=”wrap”>

    <div id=”header”></div>
    <div id=”nav”></div>
    <div id=”inner”>
         <div id=”content-sidebar-wrap”></div>
         <div id=”footer-widgets”></div>
         <div id=”footer”></div>
    </div>

    </div>

    As you can see, the <div>’s for Content-Sidebar-Wrap, Footer-Widgets, Footer are all INSIDE the Inner <div>. But I need them on the outside. So I need the scripting to look as follows (As it was originally):

    <div id=”wrap”>

    <div id=”header”></div>
    <div id=”nav”></div>
    <div id=”inner”></div>
    <div id=”content-sidebar-wrap”></div>
    <div id=”footer-widgets”></div>
    <div id=”footer”></div>

    </div>

    Can someone please help me with this. I’m sure it is a basic change that needs to be made. I’m thinking I need to change the order within the CSS doc?

    Regards,

    Akio.

    http://http:www.e-v-a.co.nz
    #57562

    bandj
    Participant
    Post count: 117

    Carrie Dils covers this here: http://www.carriedils.com/customize-genesis-move-header/

    Bonus Code for Footer

    Since the Prose theme places the footer outside of the main wrap, we don’t need to move it. BUT, if you’re reading this post and working with a theme that has the footer inside the main wrap and would like to move it below, you can try this:

    /** Reposition footer outside main wrap */
    remove_action( ‘genesis_footer’, ‘genesis_footer_markup_open’, 5 );
    remove_action( ‘genesis_footer’, ‘genesis_do_footer’ );
    remove_action( ‘genesis_footer’, ‘genesis_footer_markup_close’, 15 ) ;

    add_action( ‘genesis_after’, ‘genesis_footer_markup_open’, 5 );
    add_action( ‘genesis_after’, ‘genesis_do_footer’ );
    add_action( ‘genesis_after’, ‘genesis_footer_markup_close’, 15 );

    These structural action hooks follow the same pattern as the code we used for the header. First we unhook the footer (and its markup) from the default location and then we hook it back in where we want it. If the concept of hooks and their location is new to you, I highly recommend taking a look at this visual hook guide. You can even install the Genesis Visual Hook Guide plugin to see hooks in action in your own theme.


    • This reply was modified 8 months ago by  bandj.
    • This reply was modified 8 months ago by  bandj.
    #57564

    David Chu
    Participant
    Post count: 1186

    – deleted, as I misunderstood the question –


    David Chu · Custom WordPress Developer – likes collaborating with Designers

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.