Content Backgrounds

• 

  damoclus · Member · May 8, 2013 at 12:49 am

  • Copy link
  • Add topic to favorites

  So after hours of searching i cannot come up with a solution. All I want to do is set a custom image as my Content background that is visible behind the actual posts.

  What code do i need to put into my css in order to do so? Everything I have tried comes up with no changes on my page. I am using the twenty-ten theme.

  Thank you.

  The site I am doing this on.

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

• 

  thesacredpath · Member · May 8, 2013 at 5:03 am

  • Copy link

  Have you uploaded the image you want to use? If so, could you provide us with the url of that image so we can take a look?

  Also, are you talking about the entire white area behind the header, content and sidebar, or just on the posts themselves? If the posts themselves, this can be a little tricky since posts vary in length so one image will not work for all posts unless it is an image that can be repeated behind the post.

• 

  designsimply · Member · May 14, 2013 at 9:01 pm

  • Copy link

  You can use the “background” property in CSS to add a background image to something. To do it, you must figure out what selector to use to target exactly which thing you want to add the background on. For example, to add a background image to the wrapper element for the main content area in the Twenty Tent theme, you could do something like this:

  #wrapper {
  	background: #fff url("http://s.wordpress.org/about/images/wordpress-logo-notext-bg.png") center center;
  }

  Change the url() value to an image link from your blog’s media library.