Is there any CSS that can hide the links to feed or read to certain pets in the item menus? I plan to have all of my pets except my main one have 250 books and foods each and hiding the pets that have already reached that will make it easier (and also prevent me from accidentally clicking on them).

Sorry, I wasn't sure where the right place was

I know there was one that I attempted to use, but I couldn't figure out how to make it work. That might have been 2 years ago. Can't for the life of me find the forum thread for it, sadly.

This is the coding I currently use that I got from

/** Pet Roles: NON Gourmand **/ .card-body a:not([href$="petid=991230"]) + br, .card-body a:not([href$="petid=991230"]) { display: none; }

/** Pet Roles: NON Reader **/ .card-body a[href$="petid=5983493"] + br, .card-body a[href$="petid=5983493"] { display: none; }

Let me interpret this a bit...

I only have one gourmand, so the Pet Roles: NON Gourmand is excluding everyone but her pet id with a:not. Conversely, there are only a few NON readers that I have at any given time, so I do their IDs individually - a instead of a:not.

If you'd like to do all but one, then the first is the better option. If you want to do some but exclude others, then the second is the better option. You will need to copy the code (but change the petid in both locations) per pet.

I used the second line of code but it either only shows one pet or none at all, here's what I put in case that helps:

/** Pet Roles: NON Gourmand / .card-body a:not([href$="petid=5939358"]) { display: none; } / Pet Roles: NON Gourmand **/ .card-body a:not([href$="petid=6001633"]) { display: none; }

/** Pet Roles: NON Reader / .card-body a[href$="petid=5939358"] { display: none; } / Pet Roles: NON Reader **/ .card-body a[href$="petid=6001633"] { display: none; }

Can you tell where I went wrong? I might have misunderstood what you said.

For the a:not coding, you can only put one. It automatically excludes the others. So until then, make sure you use the a coding.

You also need BOTH lines of coding in a set.

The coding below will exclude both of these pets from the list. /** Pet Roles: NON Gourmand **/ .card-body a([href$="petid=5939358"]) + br, .card-body a([href$="petid=5939358"]) { display: none; }

.card-body a([href$="petid=6001633"]) + br, .card-body a([href$="petid=6001633"]) { display: none; } Essentially this says: Do not display this pet.

If you have, say, 20 pets but only 2 of them are eaters, then you will need to do the coding above 18 times, one for each non-eater pet.

Once you get down to only one eater, you can clear all that coding and switch to this, using only the eater's coding. /** Pet Roles: NON Gourmand **/ .card-body a:not([href$="petid=991230"]) + br, .card-body a:not([href$="petid=991230"]) { display: none; } Essentially this says: Do not display any other pet but this.

At the moment there's only one pet I want to exclude, I tried using the A coding but it shows all 3 of them again. I'm struggling to get my head around this, I'm sorry, I don't know a lot about coding terms and stuff.

The reading one works though, it's just the gourmand one I'm having trouble with.

There's only one pet you want to exclude from eating and reading?

/** Pet Roles: NON Reader **/ .card-body a[href$="petid=5983493"] + br, .card-body a[href$="petid=5983493"] { display: none; }

/** Pet Roles: NON Gourmand **/ .card-body a[href$="petid=5983493"] + br, .card-body a[href$="petid=5983493"] { display: none; }

This should work.

It worked that time, thanks for helping (and sorry if it got a bit too frustrating).

No problem. :)

Looks like you already got this figured out, but this thread might be useful to you in the future when you need specialty CSS (also worth looking at just to see what is possible!) Useful Custom CSS Builder