Single post in Site Skins: How-To, and Helpful CSS
Forum Index > PokéFarm > Guides > Site Skins: How-To, and Helpful CSS >
It affects fields because you didn't include the #shelterarea for each img definition, only the first, so all after the first will affect anywhere that image appears. The easy way to fix this, is to use the LESS style instead so you only need #shelterarea once.
#shelterarea > .pokemon
{
img[src*="pkmn/h/c/7.png"], /* Eevee */
img[src*="PKMN2"],
img[src*="PKMN3"]
{
border-radius: 50px;
opacity: 1;
box-shadow: 0px 0px 0px 5px blue;
}
}
I strongly recommend writing it like that, with one Pokemon per line and with one property per line. This makes it easier to read if you ever want to change it again, and makes finding errors like the missing = easier too. You can also put comments next to each img line to remind you which does which, for when you finish looking for one.