moving image closer to header on homepage only

• 

  fairouzeltom · Member · Mar 30, 2013 at 3:46 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I’m trying to move the image on my homepage closer to the top of the page – ideally, I would like to align it with “about” on the left sidebar.

  I only want this change on the homepage as the other pages are fine.

  Many thanks in advance!

  Site: http://onrelating.com/

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

• 

  thesacredpath · Member · Mar 30, 2013 at 4:35 pm

  • Copy link

  Start with this, but edit your main page and remove the blank paragraph that is above the image. The 2.5 top margin is for the pages with titles such as about. The 0 top margin in .home #primary is for the main page. The two require different margins because the about page has a title and the home page does not.

  #primary {
  margin-top: 2.5rem;
  }
  
  .home #primary {
  margin-top: 0;
  }

• 

  fairouzeltom · Member · Mar 30, 2013 at 7:23 pm

  • Copy link

  Super, it worked perfectly. Thanks so much!

• 

  thesacredpath · Member · Mar 30, 2013 at 10:30 pm

  • Copy link

  You are welcome.