Changing Background Per Page

• 

  sjl1996 · Member · Apr 1, 2015 at 2:58 am

  • Copy link
  • Add topic to favorites

  http://jadearts.net

  I have no idea how to contact the live support (they just kind of show up in my admin panel randomly), so I’m asking here. I’m trying to kind of get this look: http://www.awwwards.com/awards/submissions/2015/02/54e6294028568.jpeg

  On my front page, and have the rest of the pages be how they are. But I’ve made the image for the front page and everything, but considering I can’t make it the entire page with the current theme (at least I’m not aware if I can), I was going to mesh the background with the color of the image to make them fit together. The only problem is, I can’t figure out how to make the background entirely black like I want it without making EVERY page’s background be black. I tried using some css…
  “body.page-id-49 {
  background-color: #000000 !important;
  background-image: none !important;
  }”

  But that didn’t work because the background image I have set overrides the CSS. So is there a way that I can set my front page to have a different background than the rest of my pages? I don’t need to set it as an image, I just want the pure color black. (#000000)

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

• 

  sjl1996 · Member · Apr 1, 2015 at 2:59 am

  • Copy link

  Wanted to mention, the image on there right now is just a placeholder image.

• 

  sandymcfadden · Member · Apr 2, 2015 at 6:21 pm

  • Copy link

  Hi there,

  I think you were actually very close in getting this right. What if you try this code to see if it works for you.

  body.home {
  	background-color: #000000;
  	background-image: none;
  }

  Let me know if this helps.

• 

  sjl1996 · Member · Apr 2, 2015 at 7:08 pm

  • Copy link

  Wow, that actually worked! Thank you so much!

• 

  sandymcfadden · Member · Apr 2, 2015 at 7:47 pm

  • Copy link

  No problem at all. Very glad to hear that worked!