I'm starting to attempt to fix my super busted pet profiles and I feel like I need to re-teach myself how to code. Yikes. For reference, I'm currently fixing:

Question 1:

How do I move the little heart shaped button around? Answered! Post .

Question 2:

The main profile image is currently cut off at the bottom and adjusting the height in this piece of code: body {background: url(https://i.imgur.com/kWBHOCZ.png) no-repeat top left; width: 1000px; height: 874px} doesn't seem to affect anything. Any thoughts as to what I've done wrong to cause this issue?

Bonus Question:

I'm trying to remember how to put a small image within a block of justified text, so that the text wraps around it? (I did this previously on my pet Denali's profile, but the code is so messed up right now that I can't tell how through all the gibberish.)

Thank you in advance <3

The code for the heart button is:.pet_like .pet_like a

Can't help with the rest.

thank you for that — definitely helpful <3

i think the content height being 100% is making the background image stop drawing at the bottom of the browser window, so when you scroll down there's nothing there. try getting rid of that; if that causes parts of the profile to be cut off, you could also try setting content overflow to visible.

I tried removing that and it made the page itself longer, causing a random hunk of purple to be visible at the bottom of the page, but it didn't seem to have any effect on the visibility of the background image. That was still cut off.

Thank you for taking a look though <3

ironically there is already a height:100%!important property on the body element in subeta's default css

body {background: url(https://i.imgur.com/kWBHOCZ.png) no-repeat top left; width: 1000px; height: 874px!important;}

will fix it.

bonus question: float property makes text overlap an image, see here