Site Skins: How-To, and Helpful CSS

Hi, is there a way to hide somebody's avatar? Be it blocking out their avatar forever or just that particular picture, I don't mind either way

Right click (or long tap) the image to get the URL. For example Sally's avatar is https://pokefarm.com/img/characters/portraits/sally.png Cut out the http://pokefarm.com/ part (if the image is hosted on pokefarm), then add this to your CSS: img[src*='/img/characters/portraits/sally.png'] { opacity: 0; }

Thank you so much!

Is it possible to replace/customize the images that make up the trainer sprites? I can access the images themselves just fine but I'm too CSS-illiterate to figure out how to actually replace them, if possible. ;;v;;'' If it helps I'm specifically trying to modify the black crew cut hairstyle.

Is it possible to remove field pokémon(from public view) sprites? If so, how big of a code would it be?

@Gumshoe With just CSS, that isn't possible :( This is the crew hair cut: <image xlink:href="https://pfq-static.com/img/outfits/hair/crew/black-b.png/t=1543772973" width="300" height="600" data-layer="hair-back"></image> There's no CSS to replace the value of xlink:href with another image. The image element also doesn't support ::after or ::before pseudo-elements, so you couldn't place a layer behind with a new image. Would you consider a Javascript solution? Then it's possible to do what you like with each image.

---

I also have a question, does anyone why the selector image[xlink\:href] doesn't match anything in the user profile CSS? document.querySelectorAll(`image[xlink\\:href]`) also returns an empty NodeList. These all seem to work: image image[width] image[height] image[data-layer]

@DrWho Ahhhhh I have no knowledge of javascript, but I'd be willing to try it out if it would work! (i'd absolutely love to play around with the trainer sprites so much fjklds) I just, uh, would need a lot of direction in what to do since I know next to nothing about How That Would Work x<x;;

To remove all: #field_field[data-mode="public"]>div.field>.fieldmon{visibility:hidden} To remove only one/some: #field_field[data-mode="public"]>div.field>.fieldmon>img[src*="IMAGE_CODE"]{visibility:hidden} Just change IMAGE_CODE to the url of the Pokemon you want to hide & keep add ,img[src*="IMAGE_CODE"] for each Pokemon you want to hide

I used a code to replace an entire species of Pokemon with another sprite, but the CSS or me messed up! pkmn/9/s is shiny Archeops' sprite number, I checked several times. Here is the original shiny Archeops sprite. That CSS works for all other sprites I've modified, so I don't know what I'm doing wrong! EDIT: grammar fix

That certainly worked, but I was thinking on something that would allow me to interact with them without having their images to load(bad connection issues)...