How do actually change/add it? Like what's the css and where does it go...?

Thanks in advance.

<style>

div.pet { background-image: url(url here); background-repeat: no-repeat; width:200px; padding-top:200px;} div.pet img {display:none} </style>

That is the code for the overlay. You put it where you also can write a description for your Pet = go to the page where your pets are listed, click on the one you want to give an overlay and then choose "Edit Description" from the list that shows up next. C:

thanks i was wondering too

Thank you so much! :D

I do overlays by desaturating the base image and then making a multiply layer or a colour layer based on what needs to be done. You have to have Photoshop or an equivalent to make a good one.

there is

the one

for minions,

in case

you need it.

<style>div.pet_minion img {visibility:hidden;}div.pet_minion{background-image:url( IMAGE URL HERE );background-repeat: no-repeat;background-position: 25px 25px;}</style>