Try doing this:

a[href$="unsorted"]>div.cave-grid>img {
content: url('https://static.lioden.com/images/dynamic/backgrounds/hyenarocks.png’) !important;
}

I know it seems silly, but sometimes less is more. Let me know if that works for you. <3

You have liked this post!

For some reason that isn't working either. I don't know it's confusing because the other codes are working and I've even inspected the page and looked at the elements for the id to be sure it was correct... IDK I'mma keep trying and hopefully something will work lol! Thanks for the suggestion though! I didn't think to try it that way

You have liked this post!

Let me check my codes. One sec.

You have liked this post!

This is what I use:

a[href$="unsorted"]>div.cave-grid>img {
content: url('URL')!important;

I'm not sure why that isn't working for you. :/

div.cave-grid>img {
content: url('URL') !important;
}

^ will change the default image for all, but is overridden by the a[href bit. You could do a workaround by placing the default in and just overwrite the others like you're already doing, maybe?

Edit: Downside is that your pregnant lionesses tab would also be like that. I'm at a loss, honestly. :/ Sorry that I can't be much help.

You have liked this post!

It works! Also for the Pregnant Lionesses I was able to use:

a[href$="nesting.php"]>div.cave-grid>img {
content: url('URL')!important;
}

And that fixed the override of the div.cave-grid!

Thank you so much for your help!

You have liked this post!

Great! Thanks! <3

You have liked this post!

Just a heads up that for anyone besides you, your pregnant lionesses image will look different than it does to you, the way you have it set up atm - which has to do with it not being a clickable link for anyone but yourself, I believe - so that might not be your intention.

eg yours currently looks like this to other players (you should also be able to see if you look at your den page in incognito mode or logged out):


If you prefer you can do it a different way to prevent needing a basic image + override etc at all, and which will look the same for everyone else as it does for you. That's how I figured out to do mine, and I find it much simpler.

I use * as the attribute selector, rather than $, since $ only works for something ending with exactly xyz, rather than just containing xyz. In this case xyz being 'unsorted', but you could do the same for pregnant lionesses if you use 'nesting', and the same concept for anything else :)

img[src*="unsorted"] {
content: url('image url goes here')!important;
}


Edit to add: this is a good simple look at the attribute selectors I mentioned, as well as some others, if you need more info or help with them!

You have liked this post!

That’s very helpful, actually.

You have liked this post!

Idk if this post is still active but any ideas why mine isn't working? :(

a[href$="unsorted.php?id=385720#"]>div.cave-grid>img {
content: url('https://i.postimg.cc/rpmqsxmd/Untitled258-20221113214440.png')!important;
}

You have liked this post!