Does anyone know of a tutorial or website I could use to figure out what code I need to implement into my pet's description page to add a custom overlay? I've searched multiple forum threads, the help page, and google, and I can't find anything that helps me figure it out.

This should do it! :) {position:relative; background:url(LINK); height:200px; width:200px;}

Dx oh thank you again

If it doesn't work for some reason, let me know! :)

Ah yes, it didn't seem to work out. I also cleared out the existing code and previewed it and it still didn't work.

Make sure you put it inside the style tags and add in your link!

<style> {position:relative; background:url(LINK); height:200px; width:200px;} </style>

I figured out that it was imgur giving me trouble and not your code suggestions, so thank you!

https://subeta.net/petinfo.php?petid=3540144

make sure your image url ends in the file extension (.jpg, .png, etc) or else it won't work. if you're on imgur, you need to right-click the image and select "open image in new tab." imgur confuses people with their "grab link" button, which only links to the POST of the image, not the actual image itself.

you can also use differently-sized images, as long as you adjust the width & height values in the code to match the size of your image so the entire thing is visible. you also don't need the "position: relative" bit, that's irrelevant to changing the image.

i see, i also really appreciate that advice