Adding a 'middle background'

• 

  thetasteinferguson · Member · Feb 8, 2012 at 2:30 am

  • Copy link
  • Add topic to favorites

  Hi, I’m sure there’s a term for the effect I’m looking for, but I’d like to put a ‘middle background’ image behind the body of my wordpress page (http://thelightr.wordpress.com/)

  I’m using manifest as my theme, and I found another blog using manifest with the effect that I want – http://www.stanceworks.com/

  On the stanceworks site the ‘middle background’ seems to float above the dark background, I’d like to be able to do that.

  Again, I’m sure I’m not describing this right, I’m very new to CSS, any info on how to do this would be great! Thanks!

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

• 

  thesacredpath · Member · Feb 8, 2012 at 2:50 am

  • Copy link

  Replace IMAGE URL in the following with the URL of your uploaded background image for the wrapper area.

  #site-wrapper {
  background: url("IMAGE URL") repeat scroll 0 0 #FFFFFF;
  z-index: -1;
  }
  
  #footer {
  background: url("IMAGE URL") repeat scroll 0 0 #FFFFFF;
  margin-top: 0;
  width: 700px;
  }

  If you want to use only a solid color and not an image, then change the two background declarations above to the following and edit the hex color codes.

  background: #FFFFFF;

• 

  thetasteinferguson · Member · Feb 8, 2012 at 8:28 pm

  • Copy link

  That worked perfect, thanks so much!

• 

  thesacredpath · Member · Feb 9, 2012 at 12:58 am

  • Copy link

  You are welcome.