Blank space in between header and text

• 

  daveavery86 · Member · Nov 8, 2011 at 12:17 am

  • Copy link
  • Add topic to favorites

  Hi guys,

  im having trouble with the space between the header and the start of the text in two places on my site…

  1. Under, ‘cemeteries in beligium’, ‘R-S’ = big blank white space
  2. About page = too close, small gap needs lowering a few lines

  Can anyone help please?
  Thanks.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Nov 8, 2011 at 12:51 am

  • Copy link

  1. This targets the Cemetery page only (by ID#). 3.5em is the original, just edit it as you desire

  #post-30 {
  padding-top: 3.5em;
  }

  2. The content on the about page is the problem. In the div at the beginning of the content, for the image, it has a top margin of -99px. You need to fix that -99px

  <div style="margin-right:-64px;margin-top:-99px;">

  The above really isn’t the way to move things up since you have the CSS upgrade and can adjust it within the CSS so that the top white space on all pages is consistent.

  On the above div, perhaps take it down to -39 or -29px.

• 

  panaghiotisadam · Member · Nov 8, 2011 at 1:13 am

  • Copy link

  @Rich: the negative top margin was my suggestion:
  https://en.forums.wordpress.com/topic/align-image-to-the-far-right?replies=14#post-692807
  But I gave that suggestion two months ago, when the page was different and daveavery86 wanted to position the image in the white space outside the content area.

• 

  thesacredpath · Member · Nov 8, 2011 at 1:30 am

  • Copy link

  Ah, that makes sense then. Just need to adjust that -99px value to get it where they want it.

• 

  daveavery86 · Member · Nov 8, 2011 at 2:38 pm

  • Copy link

  hi guys thanks for your help again :)
  That works but then the image to the right of the screen moves central within the text, i want a gap at the top of the page (which worked) and i want the picture to be aligned right on the edge of the white/grey border… cant seem to ge tthem both to work alongside each other.

• 

  daveavery86 · Member · Nov 8, 2011 at 2:42 pm

  • Copy link

  @sacredpath, you mentiond i can do something in CSS to get the borders consistant in all pages, what will i have to do for that? you showed me for individual pages already which works.

• 

  thesacredpath · Member · Nov 8, 2011 at 6:19 pm

  • Copy link

  You know at this point I see a ton of things that really should be addressed. The image is pushed outside the content div among other things and I’m not sure at this moment if I want to go back in and start this whole project from scratch to fix it, so I offer this CSS “hack” which basically does a dueling top margins thing. This has to be placed at the very bottom of your CSS to make sure it overrides anything about it that would mess things up.

  .page-id-2 #content {
  margin-top: 50px;
  }