WordPress.org

Forums

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

  1. dberg369
    Member
    Posted 5 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
    Forum Moderator
    Posted 5 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 5 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