WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. dberg369
    Member
    Posted 4 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,
    Dan.

    The Site

  2. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

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

    body
    {
      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;
    }
    .PageBackgroundGradient
    {
      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
    Member
    Posted 4 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