for some reason i cannot get my background to repeat the way i want it - i just wanna repeat the top gradient after the main image - this is the code i have atm

body {background: url(https://i.imgur.com/yw7c0uj.jpg); background-repeat: no-repeat; width: 1198px; height: 761px; overflow:hidden; font-size: 10px; color: ;}

html {background: ; url(https://i.imgur.com/WW9LHPS.png); left: 1000px; repeat-x;}

that html background is giving me trouble! unu

you've split up the background css with semicolons, so it's not going to parse properly. also i'm not sure why you want the html of the entire page shifted 1000 pixels from the left? try something like this:

html {background: url(https://i.imgur.com/WW9LHPS.png) repeat-x;}

u are da best this worked!!!

oh good, glad it worked out :)