Why is my content not positioning itself relative to the header I've added

• 

  hagbooth · Member · Nov 8, 2014 at 12:53 am

  • Copy link
  • Add topic to favorites

  The theme named ‘Panel’ tells me that a 1500×400 pixel image is recommended for the header. It tells me this in the customize menu so one would think it would be right. Everything is working great except that the image is showing up behind my content. Nothing is moving down as a reaction to the image being added. I’ve managed to force the content down using css and the image is all there, but it took a chunk out of the footer now as well. How can I get the whole page to slide down relative to the size of the header?

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

• 

  thatrobyn · Member · Nov 8, 2014 at 6:57 pm

  • Copy link

  Hey there!

  I am not seeing any problems with your header image showing up behind your content.

  Have you managed to fix the formatting problem on your own? If so, great! If not, send me a screenshot, so I can better understand the issue. You can simply upload the screenshot to your Media Library, like any other image, and I’ll be able to access it from there.

  The page at the following link has some helpful tips for taking screenshots:

  Take a Screenshot

  Just let me know when there’s something I should take a look at.

  Looking forward to hearing from you. Thanks very much.

• 

  hagbooth · Member · Nov 8, 2014 at 8:08 pm

  • Copy link

  I uploaded two images to my media library. One is how it looks before any CSS changes and the other is after my CSS changes.

  My problem is that when I move the middle part of the site down, specifically:

  #main
  #content

  The changes pushes those into the footer of the page. I should probably upload an image of that too. Done.

• 

  hagbooth · Member · Nov 10, 2014 at 2:04 am

  • Copy link

  bump

• 

  hagbooth · Member · Nov 10, 2014 at 4:47 pm

  • Copy link

  hello?

• 

  shawnajroberts · Member · Nov 11, 2014 at 4:22 pm

  • Copy link

  Thanks for the screenshot! You can fix this by also moving the footer down using the selector #colophon.

  Unless this was a stylistic choice, you actually don’t need to move #content since it’s inside of #main. But if you do want that break space, you’ll need to move #colophon 200px to account for the two 100px moves.

  Let me know if I can help with anything else!

• 

  hagbooth · Member · Nov 11, 2014 at 6:10 pm

  • Copy link

  Thank you so much! I could have sworn that I tried to do that but I must have gotten the syntax wrong or something. It works!

• 

  shawnajroberts · Member · Nov 11, 2014 at 8:44 pm

  • Copy link

  Fabulous! :)

  Let me know if I can help with anything else.