WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] How to Remove Repeating Background Effect

[Resolved] How to Remove Repeating Background Effect

  • 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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Michael

    @alchymyth

    Forum Moderator

    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)

    great, thanks.
    i removed it from the body style.
    works perfectly 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Resolved] How to Remove Repeating Background Effect’ is closed to new replies.