This is an excellent CSS guide! :^D

As far as replacing the images, I'll walk through how I did it for my den:
/*IMAGE REPLACERS*/
a[href$="unsorted.php?id=000"] > div.cave-grid > img {content: url('IMAGE URL HERE')!important;}
This replaces the "unsorted lions" image! Just put your cave's unsorted lions url ID in replace of the 000 above, and your image url in the indicated slot. This is pretty much how the rest will be done as well!

div.cave-grid > img {content: url('IMAGE URL HERE')!important;}
This will replace the "pregnant lionesses" image! Same deal here, just no url ID needed.

a[href$="lionoverview.php?id=000"] > div.cave-grid > img {content: url('IMAGE URL HERE')!important;}
This replaces the "pride overview" image! Same deal as the first, url ID and image url.

a[href$="000"] > div.cave-grid > img {content: url('IMAGE URL HERE')!important;}
This is for each individual cave (copy/paste and edit the url ID and wanted image for each)! Same basic principle, just formatted a touch differently.

div.mound-grid > img {content: url('IMAGE URL HERE')!important;}
a[href$="000"] > div.mound-grid > img {content: url('IMAGE URL HERE')!important;}
If you want to, these codes will edit the "unsorted beetles" image (above) and individual beetle mounds (below) in the same fashion!

You have liked this post!

@Moomin This was really helpful ^^ I was also looking for how to do the cave CSS and you explained it super well :D

You have liked this post!

@moomin it isn’t working for me? Is there anything I did wrong?

You have liked this post!

Hey i was wanting to draw my own pictures for the cave images but i dont know what size it needs to be to fit. can someone help me?

also im not sure where im supposed to put the url xD

You have liked this post!

@Katnip
Regular cave images are 240x120
Unsorted, nesting and overview banners are 260x60
Beetle mounds are 130x80

You have liked this post!

@Jimmie
okay thanks

btw do i put the link in the territory description or is there somewhere else?

You have liked this post!

The link goes in the territory description. Here's a guide I use: https://www.lioden.com/topic.php?id=304429355088

You have liked this post!

@jimmie alright thank you uwu

You have liked this post!

its not working ;_; can someone tell me what im doing wrong?

code: (btw im trying to customise my cave banner)
a[href$="https://www.lioden.com/cave.php?id=108146"] > div.cave-grid > img {content: url('https://imgur.com/VuTzV94')!important;}

You have liked this post!

Holy this is old! Your supposed to put .png at the end of https://imgur.com/VuTzV94

Like this:

https://imgur.com/VuTzV94.png

Try that, it should work ^^;

You have liked this post!

None of these work for me

You have liked this post!

@moomin do we put this in the den description or the cave description?

You have liked this post!