WordPress.org

1. onegreenparker
   Member
   Posted 6 months 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
   The Sweeper
   Posted 6 months 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 6 months ago #

   Thanks!

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

   That worked and so far no errors!

4. amycmoreland
   Member
   Posted 2 months 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 months 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 months ago #

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

7. kobashicomputing
   Member
   Posted 2 months ago #

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

Reply

You must log in to post.