[resolved] How to Remove Repeating Background Effect (3 posts)

  1. dberg369
    Posted 6 years ago #

    My cloud background imagery starts to repeat itself if you scroll down the page.
    Any ideas how to stop this from happening?
    Many thanks,

    The Site

  2. Michael
    Forum Moderator
    Posted 6 years ago #

    you have two cloud background images - one is fixed and one scrolls:

      margin: 0 auto;
      padding: 0;
      background-color: #001B33;
      background-image: url('images/Page-BgTexture.jpg');
      background-repeat: repeat-x;
      background-attachment: fixed;
      background-position: top left;
      background-image: url('images/Page-BgGradient.jpg');
      background-repeat: repeat-x;
      height: 900px;

    you can either remove 'background-attachment: fixed;' from the body style, or add it to .PageBackgroundGradient
    (in style.css)

  3. dberg369
    Posted 6 years ago #

    great, thanks.
    i removed it from the body style.
    works perfectly :-)

Topic Closed

This topic has been closed to new replies.

About this Topic