Background behind footer

[moxymedia 0]

Hi, I'm using a Full-Width Design Framework and my background image is 1600x1200 and I would like it to lock still/stay static behind everything else including the footer so that all content scrolls but the background image? Using no-repeat still scrolls the image. Also.. how can I add say a black background color behind my main content area with an opacity of 25%?

[Kate 3]

Hi Laura - The background attribute you're looking for is actually "background-attachment", not "background-repeat". Check out this link: http://www.w3schools.com/css/css_background.asp CSS opacity can be tricky... would you be open to just using a transparent PNG (and setting that as the bg)? If not, then check out this post: http://css-tricks.com/css-transparency-settings-for-all-broswers/

[moxymedia 0]

Thanks Kate.. This is currently in the Custom CSS area

{
	background-repeat:no-repeat;
	background-attachment:fixed;
	}

with the background image uploaded to Design Control --> Background Image With "Do Not Repeat" selected I've also tried deleting the uploaded image and adding this line to the CustomCSS but it didn't work either.

{
	background-image:url('http://myurl.com/images/RusticCharm-3.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	}

What am I missing? Thanks!

[Kate 3]

Hi Laura - Just took a quick glance and didn't see that in the CSS... But, this code should get you on the right track:

.canvas #page, .full_width #page, body.fixed_width{background-attachment:fixed;}

It may not be the correct bg you want to be fixed, but it should at least give you an idea of how to do it.