WordPress.org

Ready to get started?Download WordPress

Forums

Gray space at top of Twenty Eleven (5 posts)

  1. house2627
    Member
    Posted 2 years ago #

    Can anyone please tell me how to remove the gray space at the top of the Twenty Eleven theme? You can see it at the website here:

    Thank you in advance!

  2. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    in style.css of your child theme:

    #page {
       	clear:both;
        	margin: 2em auto;
        	max-width: 1000px!important;
        	margin-bottom:0;
        	overflow:hidden;
        	width:1000px!important;
        	padding:0;
    }

    change the top margin from 2em to 0 zero

  3. house2627
    Member
    Posted 2 years ago #

    Thank you so much!

    The only thing is now the site looks awful on an iPhone. Any idea why? I'm not sure the two are related.

    Thanks,

    D

  4. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    Twenty Eleven has a 'responsive structure' section in the lower third of style.css - you need to overwrite this in your child theme to counteract the changes.

    related topic: http://wordpress.org/support/topic/sidebar-gone-on-frontpage-when-using-mobile?replies=33

    or possibly my post: http://www.transformationpowertools.com/wordpress/twenty-eleven-sidebar-adaptations-for-hand-held-devices

  5. house2627
    Member
    Posted 2 years ago #

    You are amazing! Last question, I swear...

    On the "Team" page of the site, I would like the text to not wrap down at the bottom. I want it to look the same except for the lines wrapping around the bottom of the picture.

    Any chance you can help with that?

    Thanks

    D

Topic Closed

This topic has been closed to new replies.

About this Topic