Customizing background to one page only

• 

  stephgodanz · Member · Jul 30, 2013 at 5:46 pm

  • Copy link
  • Add topic to favorites

  How do i change the background on pages related only to festival pages, without changing the whole website?

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

• 

  timethief · Member · Jul 30, 2013 at 5:47 pm

  • Copy link

  This thread will be moved to the CSS Forum for you. Please do not create a duplicate thread.

• 

  mrdirby · Member · Jul 30, 2013 at 7:30 pm

  • Copy link

  I’m not sure about this but I think I saw that you can edit the css for a specific page by using:
  `.page-id body {
  background: background;
  }`

  I could be wrong but it’s worth a shot.

• 

  designsimply · Member · Aug 1, 2013 at 2:45 am

  • Copy link

  That’s right! I find that it often helps to look at a specific example.

  I found this post on your blog that mentions a festival:
  http://godanz.com/2013/02/28/toronto-bachata-festival-february-2013/

  If you look at the page source for that post, you’ll find that one of the body classes is “postid-217” so what you can do is use that inside a CSS selector like this:

  body.custom-background.postid-217 {
  	background: orange;
  }

  Change the color name to a color code of your choice:
  http://en.wikipedia.org/wiki/Web_colors#X11_color_names