Background image in Home page only (2012 theme)

• 

  dundasmontessori · Member · Feb 7, 2014 at 3:10 pm

  • Copy link
  • Add topic to favorites

  Would like to have the background image on the Home page only. Searched around and found and edited some CSS code in a thread for the Awesome theme but can’t make it work in 2012:

  body.home {
  background: url("http://dundasmontessori.files.wordpress.com/2013/03/dvm_12-132.jpg")
  }
  
  body {
  background-color: #ffffff;
  }

  Any suggestions?

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

• 

  thesacredpath · Member · Feb 7, 2014 at 5:22 pm

  • Copy link

  Hi there, first off, go to Appearance > Header and remove the background image you have set there. Then use the following code to set the background image for only the home page, and set the color to white for all others.

  body.home {
      background: url("http://dundasmontessori.files.wordpress.com/2013/03/dvm_12-131.jpg") no-repeat fixed center top #FFFFFF;
  }
  
  body {
  background-color: #FFFFFF;
  }

• 

  dundasmontessori · Member · Feb 7, 2014 at 6:10 pm

  • Copy link

  Excellent. Problem solved. Thank you, so much.

  [Of course, remove the background first. Duh!]

• 

  thesacredpath · Member · Feb 8, 2014 at 2:02 am

  • Copy link

  You are welcome!