Change to Fixed Background image

• 

  kuskacheeks · Member · Mar 31, 2017 at 4:50 am

  • Copy link
  • Add topic to favorites

  How do I make my background image fixed while I scroll?

  The blog I need help with is: (visible only to logged in users)

• 

  otpidusprime · Member · Mar 31, 2017 at 9:59 am

  • Copy link

  Hello,
  You can do that by editing this CSS code:

  body.custom-background {
      background-image: url(https://akusikablog.files.wordpress.com/2016/11/nov.jpg);
      background-position: left top;
      background-size: auto;
      background-repeat: repeat;
      background-attachment: scroll;
  }

  to this:

  body.custom-background {
      background-image: url(https://akusikablog.files.wordpress.com/2016/11/nov.jpg);
      background-position: left top;
      background-size: auto;
      background-repeat: repeat;
      background-attachment: fixed;
  }

  Notice the “background-attachment” CSS property being changed from scroll to fixed, this should keep the background image on your site from scrolling.

  Hope this helps :)

• 

  kuskacheeks · Member · Apr 3, 2017 at 6:37 am

  • Copy link

  YES! Thank you!!