Help with background image

Can anyone tell me how to stretch my background image so it doesn’t repeat? Thanks

https://codepen.io/barker716/pen/bGbMbEz?editors=1100

If you add:

  background: url('Your URL here') no-repeat center center fixed;
  background-size: cover;

This will have it center and cover the background and gives it a nice parallax effect too.

Thank you. “background-size: cover;” helped, but “no-repeat center center fixed;” made the image disappear.

Change your background-image to just background. That’ll fix it.

//This 
background: url('Your URL here') no-repeat center center fixed;

//Not this
background-image: url('Your URL here') no-repeat center center fixed;

I see now. Thanks a lot!

1 Like