Twenty Eleven Slider Positioning

  • Author
  • #1409223

    Is it possible, with the Custom Design upgrade, to reposition the featured post slider in Twenty Eleven so that it appears below the static content of my front page?

    The blog I need help with is


    Yes, it is possible to reposition the slider. Right now I’m seeing the page content above the slider on your main page and I see that you have hidden the “Recent Posts” section, which did appear below the slider. Were you wanting the slider below the Recent Posts section (now hidden)?


    I don’t want the “Recent Posts” section on the front page at all, hence its removal, but yes I would like the slider below where the Recent Posts section should be.

    I’d like the page to be menu, slider, static content as you scroll down.



    Ok, so you want the slider above the static content. The following moves the content below the slider using position absolute. That means that if the content length changes on your main page, you will need to adjust the height for #primary.

    .home #primary {
        height: 457px;
        position: relative;
    .home article.intro {
        left: 0;
        margin-left: 0;
        margin-right: 0;
        position: absolute;
        top: 375px;


    There’s a safer alternative: edit the page, cut the static content, paste it into a Text widget in the first Footer Area, set the Visibility of the widget so that it shows on the showcase page only. (You can then use some CSS to change the styling of the text, if necessary.)


    Ok, so is the height of #primary the height of the slider from the bottom of the page?

    (That works perfectly by the way, thanks, just trying to understand it properly so I can adjust later if necessary)


    The height of #primary is from the top of the featured slider (nearly the bottom of the menu bar) to the top of the footer.

    @justpi‘s solution is worth considering also, but if your main page content is going to remain fairly static, the CSS solution will work as well.


    I plan to put some other stuff in the footer area, so the “safer alternative” wouldn’t really solve much for me unfortunately. Plus, when I tried it with no content it still had the big grey text box across the screen.

    Thanks though, it’s looking great!


    You are welcome.



    For the record, my alternative doesn’t exclude “other stuff in the footer area”: each footer widget area accepts as many widgets as you like. (And grey boxes can always be removed.)


    I know, but my ideal configuration has all 3 footer areas occupied with their own list of links, rather than a full width text box. But thanks anyway!



    Hi guys! I followed your advice to switch the positioning of slider, but now my widgets are being cut off. How can I fix this? Thanks in advance for the help.


    I looked at and the widgets look okay to me.

    @aboughtin, would you mind starting a separate help request at and explain in a little more detail about exactly what is being cut off?

The topic ‘Twenty Eleven Slider Positioning’ is closed to new replies.