dimensions of the Coraline Theme background

• 

  giamedia3 · Member · Jun 29, 2013 at 4:49 pm

  • Copy link
  • Add topic to favorites

  I’m interested in creating a custom background behind the actual blog space with an illustration for the Coraline Theme. But I can’t find anywhere what size it would be to upload. Does anyone know the exact dimensions? Has anyone ever done this? Were you successful? I’d so much appreciate some feedback. Thanks!

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

• 

  justpi · Member · Jun 29, 2013 at 5:09 pm

  • Copy link

  If by “actual blog space” you mean the content area, the width in the layout you’re using (main column plus one sidebar) is 770px. The height one sees without having to scroll down depends on their screen resolution. So you should either use a normal image, and set it to repeat vertically / scroll, or create an image that fades into a uniform color at the bottom, set the same color as a bg color, and set the image to no-repeat / fixed.

• 

  designsimply · Member · Jul 1, 2013 at 11:25 pm

  • Copy link

  Here is an example that shows how to set a background image on the main container in the Coraline theme:

  #container {
  	background: url(http://s.wordpress.org/about/images/logos/wordpress-logo-32-blue.png);
  }

  I used a WordPress logo as an example, and that is of course way too bright for this use case, so you should adjust the url() value in the example to a different, lighter image which you have uploaded to your blog’s media library.

  To set a background image for just the main content container, adjust the example to this:

  #content-container {
  	background: url(http://s.wordpress.org/about/images/logos/wordpress-logo-32-blue.png);
  }