I have only done one layout with this particular code, but somehow I can ever seem to get it right.. i don't want the scroll boxes to be on the image, I want them to be below the image, but I am unsure of what to make the numbers that are in the margin-left, margin-top and margin-bottom. 

Here are screenshots to show what it is that I am talking about because I'm terrible at explaining things.. *facepalm*

Scroll boxes: https://prnt.sc/oBs3zs8Yu3w0

Scroll Boxes stylesheet: https://prnt.sc/TrIGdwSHunlI

 I am basically just wanting to know what numbers I'm supposed to put into for the margin-left, margin-top and margin-bottom if that even needs to be changed at all. 

I'll also have to move around the player info as well as the menu to the top, but I am also not sure what numbers I need to use in order to do that. But... any and all help would be really appreciated! 

Thanks a bunch! < 3

-shameless bump-

Margin-top will adjust the location from the top. Left and right obviously just adjusts its placement between the two!

sorry not a very thorough response but on my phone lol

Following on from above is exactly right. Basically keep adjusting the numbers until you find where you want them to sit eg id your current margin top is 420, wildly bump it up to 800 save and see how it looks and then adjust it again. I usually just keep playing with numbers :)

I know, sometimes for me anyway, the placement of the site menu "Home, Messages, etc" bar will affect the placement of the scroll boxes or anyother aspects of text. I tend to have a lot more trouble adjusting text boxes and layout placement in general if I try to do something fancy with the site menu and its placement. Take out the site menu css and see if you can at least get your text boxes in a general spot, then add site menu css and work from there. 

....and a lot of it is trial and error.... walk away and take lots of breaks. Hope your frustration ends soon!