Fixed Background

[JustBlogn]

I chose that blue to white (top to bottom) background, didn't like it repeating though so it now fades to the regular background.

I would prefer to fix/lock it. I did a search for css background fix, inserted what I found in the style menu below the background color, but it didn't work. Couldn't figure out anywhere else to put it.

How can I lock the background so it won't scroll?

[EHiatt121]

If I use a gradient I choose "repeat x" and the fade doesn't repeat. You can see at www.wirelesskindledx.com

[JustBlogn]

Eric, I had already done that, but I would prefer to lock the blue in place rather than have it scroll off the screen. There is a distinct line between the the loaded background and the standard color below as the blue fades to white. I don't want a white background.

You can see what I mean... at JustBlogn.com

[Dan Nickerson]

Just change background styling color to: FFFFFF

[JustBlogn]

Dan, I realize I could do that, but I really didn't want a plain white background upon scrolling... and I prefer to fix the blue gradient if possible.

[Dan Nickerson]

Check out this page.. sorry don't have time to test right now..

http://www.w3schools.com/Css/pr_back...attachment.asp

[JustBlogn]

Thanks for the effort Dan, I inserted it exactly as is, but figured that wouldn't work. I'm not sure I inserted it in the right place (quite new to messing around with code...some I can figure out, the rest is mumbo jumbo).

I assumed I would need the url image location for that code, but haven't found it anywhere yet. I tested the code as is, it didn't work as expected. I inserted it near the top of the css style sheet where the background info is.

Perhaps, the next edition of Socrates will include a button to check to fix the background in the background area (we can hope for it)

[Dan Nickerson]

Justnblog,

It's in the header.php file.

You can delete this in header.php...

body {background:url(<?php bloginfo('template_url'); ?>/background-images/<?php echo $bg['bg']; ?>) <?php echo $bg['repeat']; ?> #<?php echo $style['bgColor']; ?> }

And then hard code the fixed css code in your stylesheet.

To be honest fixed backgrounds are really pretty rare. Not sure the feature would get much use.

[JustBlogn]

Knowing very little about coding, I deleted the suggested file, which removed the background altogether, but attemtping to put code into the css file... yeah, that didn't work, obviously I don't know what I'm doing. For non-coders, anything that isn't obvious is just jibberish.

RE: Fixed backgrounds being rare
I set up a couple of forums some years ago (before css was the thing), and I used ezboard which was mostly fill in the blank for us web dummies, and learned about the background=fixed html command, which I used. Suddenly, everyone was asking me how to fix their background too. Personally, I think it is rare because us non-coders don't know how to do it. Given a few simple options, I think we would see a lot more rare items being used.

[Dan Nickerson]

Sorry, I was thinking you grab the code from the page I sent.

http://www.w3schools.com/Css/pr_back...attachment.asp

In Style.css try replacing


body { background-color:#F4F4F4; margin:0;
font-size: 9pt;
font-family: 'lucida grande', Verdana, Sans-Serif;
}


with

body { background-image:url('pathtoimage/image.gif');
background-repeat:no-repeat;
background-attachment:fixed;
margin:0;
font-size: 9pt;
font-family: 'lucida grande', Verdana, Sans-Serif;
}