WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Eleven - White Space (11 posts)

  1. onegreenparker
    Member
    Posted 2 years ago #

    Hi There, WP newbie here and never looked at PHP.....

    I've created a Twenty Eleven child theme so that I can modify as i need. Mostly, I have been successful, I have set up pages as static for the time being and have removed page titles, but I am battling with removing the whitespace between header and content.

    Any ideas as to where I can remove said whitespace?

    See http://www.fatboyfires.co.za to see what I mean....

    Cheers
    Ian

  2. alchymyth
    Forum Moderator
    Posted 2 years ago #

    this is one of the larger causes:

    .singular.page .hentry {
    	padding: 3.5em 0 0;
    }

    at the end of style.css of your child theme, add for instance:

    .singular.page .hentry {
    	padding: 0;
    }

    then there is:

    #main {
    	clear: both;
    	padding: 1.625em 0 0;
    }

    same solution...

    (not tested for side effects in other parts of your site)

  3. onegreenparker
    Member
    Posted 2 years ago #

    Thanks!

    .singular.page .hentry {
    padding: 0;
    }

    That worked and so far no errors!

  4. amycmoreland
    Member
    Posted 2 years ago #

    I'm sorry for jumping in on this posting. I created a separate post a couple days ago and haven't gotten any responses. Any idea how to reduce the spacing between the tag line and the header image in twenty eleven? I've searched for an answer to this but keep finding solutions to reduce the spacing described in this post (which I've achieved thanks to the above solutions by alchymyth). I'm trying to reduce the space between my tage line and the header images on my
    site

    Any suggestions would be hugely appreciated! (and I did create a child theme for my style.css)

    [duplicate: http://wordpress.org/support/topic/removing-space-between-header-text-and-header-image?replies=1 - please continue with your original topic]

  5. kobashicomputing
    Member
    Posted 2 years ago #

    Amy

    In styles.css:

    #site-description {
    color: #7a7a7a;
    font-size: 14px;
    margin: 0 270px 3.65625em 0;
    }

    Fiddle with this line:

    margin: 0 270px 3.65625em 0;

    If you change the 3.65625em to say 2em it will shrink it.

    However, you will have a gap at the upper end.

    In that case, fiddle with:

    #site-title {
    margin-right: 270px;
    padding: 3.65625em 0 0;
    }

    And change the 3.65625em to 2em also and it should look balanced.

  6. amycmoreland
    Member
    Posted 2 years ago #

    kobashicomputing - THANK YOU!!!!!!!!!!!!!!! I was contemplating pulling out all my hair earlier today. Thank you!

  7. kobashicomputing
    Member
    Posted 2 years ago #

    Your welcome Amy. And a funny thing is that you are in west san jose. probably in my backyard LOL

  8. Genek1
    Member
    Posted 2 years ago #

    Is it possible that the search box will restrict how much you can reduce the white space between the tag description and the image? That seems to be my issue and if so, how do I adjust?

  9. rvnder
    Member
    Posted 2 years ago #

    Done the whole thing But still no change in spacing margin.
    http://preelectionpolls.com/
    this is one of the larger causes:

    .singular.page .hentry {
    padding: 3.5em 0 0;
    }

    at the end of style.css of your child theme, add for instance:

    .singular.page .hentry {
    padding: 0;
    }

    then there is:

    #main {
    clear: both;
    padding: 1.625em 0 0;
    }

  10. dankejane
    Member
    Posted 1 year ago #

    I will try that. What I really want is two image fields at the top of the page. I have uploaded one image, and it is sitting below the white top part that I want to take out. Actually I want to replace that with the current image I uploaded. Then I want to put a banner below that. I setup a child theme, and actually did do some modifications on the css file so that the white space will disappear, however it didn't appear to disappear. Sigh.

    I am extremely new to this. So I get lost regularly. My site is
    http://www.canadasfoodsecrets.com
    Don't be alarmed if something called walter proofing shows up on the image i am helping someone out with their page.

  11. dankejane
    Member
    Posted 1 year ago #

    I also seem to have two "home" pages, the one in caps shows best what I want. Sort of. How do I get rid of the first home button?

Topic Closed

This topic has been closed to new replies.

About this Topic