Background image runs out

• 

  gelizzy88 · Member · Jun 12, 2011 at 11:19 pm

  • Copy link
  • Add topic to favorites

  Hey guys. I’m trying to get my background image to be large enough so that when you scroll it doesn’t run out. Here is the code is used with the Bueno Theme to edit the background

  body {
  background-image:url('http://i33.photobucket.com/albums/d66/BayBPhat/background.png');
  background-repeat:no-repeat;
  font:14px Georgia, Times, Serif;
  line-height:1.5;
  color:#7a7a7a;
  }

  but when you scroll down after the 1st post, the background image runs out. Do i have to resize it? Please help. Thanks!

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

• 

  timethief · Member · Jun 12, 2011 at 11:32 pm

  • Copy link

  Please post an active link starting with http://for the blog in question. Do note that all CSS editing is theme specific. When you alter a theme’s stylesheet, you only need to put in the Editor the modification/additions to the CSS, not the entire thing. Read this for more info: http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

• 

  panaghiotisadam · Member · Jun 12, 2011 at 11:32 pm

  • Copy link

  You need to add this to the code:

  background-attachment:fixed;

  But I wonder why you’re using CSS to add a bg image: Bueno has a built-in option for that (Appearance > Background).

• 

  gelizzy88 · Member · Jun 12, 2011 at 11:50 pm

  • Copy link

  heres my site http://strawberricurls.com/

• 

  gelizzy88 · Member · Jun 12, 2011 at 11:51 pm

  • Copy link

  @Panaghiotisadam I did use that and the same exact thing happened. The background image runs out

• 

  panaghiotisadam · Member · Jun 13, 2011 at 12:16 am

  • Copy link

  At the moment your CSS does not include that snippet. Did you try it then remove it again? If so, try it again and clear your browser’s cache before checking.

  Or have you been messing with the original CSS? As timethief pointed out, you must leave the original alone and only add the changes you want to make (in this case only bg url, bg repeat and bg positioning).

  (And as timethief said, to make sure we give you correct advice we always need a link to your blog when you ask questions – I replied by mistake.)

  But as I said, why bother with the CSS when the theme allows you to add a bg in Appearance > Background? There you’ll just select “fixed” and you’re done.

• 

  gelizzy88 · Member · Jun 13, 2011 at 2:06 am

  • Copy link

  No i only put what is edited. I tried that. It didn’t work out. Ill try it again

• 

  gelizzy88 · Member · Jun 13, 2011 at 2:17 am

  • Copy link

  Oh wow that fixed it! Thanks!