Scrolling Background Image

johnorttjohnortt Registered Users Posts: 3 Beginner grinner
edited November 3, 2015 in SmugMug Customization
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

Comments

  • ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited November 2, 2015
    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.
  • johnorttjohnortt Registered Users Posts: 3 Beginner grinner
    edited November 3, 2015
    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.
Sign In or Register to comment.