Need help? Check out our Support site, then


Twenty Eleven Slider Positioning

  1. guitarwizard93
    Member

    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 carsandguitars.co.uk.

  2. 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)?

  3. guitarwizard93
    Member

    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.

    Thanks!

  4. 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;
    }
  5. 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.)

  6. guitarwizard93
    Member

    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)

  7. 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.

  8. guitarwizard93
    Member

    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!

  9. You are welcome.

  10. 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.)

  11. 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!

  12. 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.

    http://aboughtin.wordpress.com/

  13. I looked at http://aboughtin.wordpress.com/ and the widgets look okay to me.

    @aboughtin, would you mind starting a separate help request at http://en.forums.wordpress.com/forum/css-customization/#postform and explain in a little more detail about exactly what is being cut off?

Topic Closed

This topic has been closed to new replies.

About this Topic