Hi everyone! I recently changed my username from the very cringey "ButterflyQueen" (I created my account when I was younger and obsessed with butterflies for some reason) to Angelica, so I thought it fitting to change my profile layout (is it called CSS or is that just for the whole site? ^^) from an image with butterflies to one of a pretty sky. However, my friend who no longer plays Subeta made it, and we are sadly no longer in touch, so I couldn't ask her to change it for me, though it seems like she used a guide when creating it. I'm a super-big noob at coding, so of course I messed up changing it. In the coding, I just replaced the URL for the previous image to the URL for the one I have now. When I replaced it, the image wasn't big enough to fill up the entire screen and I was left with a huge part of just color, and the boxes I have on the right are overlapping on the color as well. How do I fix this so that the image takes up the entire screen? I'll provide the coding I have currently in a spoiler below. Thanks to anyone who might have an idea!

the problem isn't the code, it's the image size - it's too small. you can change the background portion to something like this body, html {background-color: ; background:url(http://i349.photobucket.com/albums/q389/angelazhang19/Sky-bicubic%201_zpsc4m7h9k9.jpg), no-repeat top left fixed; background-size: cover;}but this will just stretch the image and make it grainy :c the best solution would be to find a larger image. unsplash has some nice pictures of sunsets and stuff, and they're free to use o:

thank you so so much! Just one question: if I choose a picture that is probably too big, what'll happen?

if you use a big photo, but don't use something like background-size:cover, it'll just be too big for smaller screens? i don't really know how to explain this, so i changed my profile background to show you - https://i.imgur.com/4Sil1Rb.jpg is the full image, it's pretty big. my profile doesn't have background-size:cover, so on my screen i only see from the left side to the tree branch thing, instead of the full image. in theory, bigger monitors should see the whole thing, i just can't check that :p

thanks! And, sorry, last question I promise XD. How do I move the boxes a little to the right?

np, happy to help! all of your columns are positioned individually i think; you want to play with left: ?px; for all three to move them where you want. (same goes for your navigation bar, should you want to move that.) you can adjust top: ?px; to move them up/down the page as you need as well.

thank you so much!! <3

[edit] So sorry to bother you again but when I moved the columns, the first one aligned with where the toolbox is (as in where the editing box is when you click edit) so I can't save any changes I make--the column covers up the button. Is there any way to fix this?