Scrolling Background Image

johnortt

Hi guys,

I really apologise for asking such a stupid question but I have spent two hours looking without any success.

All I want to do is to make my background image scroll with the rest of the page.

I tried inserting a custom CSS section with the following code without any luck...

html {
	background-repeat: no-repeat;
	background-attachment: scroll;
}

If anyone could help me I'd really appreciate it.

Thanks & regards,

John

ChancyRat

The image and code go in your CSS. Here's an example from one of my galleries.

/* Add personal background image */
html.sm-user-ui {
background-image: 
url(/photos/i-dTd7bK.png);
background-position: 0px 0px;
background-repeat: repeat;
background-attachment: scroll;
background-size: 20%;
}

http://www.w3schools.com/cssref/pr_background-attachment.asp

If you are wanting to achieve this on your main site main CSS, I'm not sure which parts would need changing.

johnortt

Thanks ChancyRat, That did the trick!
Easy when you know how.
I think the mistake I was making was to try to style the Smugmug background.
Thanks again and Regards, John.