I'm curious if anyone knows a way to add a custom campaign background image, but just for a single page like a character or wiki page via css? So over the top of the normal campaign background that is behind most pages?
DM, Current Campaign: The Godlands: Rise of the Blood Moon Kings
DM, Previous Campaign: Avatar: Conquest of the Imperial Order - CotM: November 2011
It looks like you're new here. If you want to get involved, click one of these buttons!
Comments
This can be done, and thankfully it's not much more complicated than the standard way to set a background image. You will need to add the slug class for the page in to the CSS selector. The slug class will say something like class=wiki-page-slug-X where X is equal to the slug for the page and where the portion prior to the word slug corresponds to the type of page that you are looking to change.
The easiest way to get this info is to inspect the page. Near the top of the display there you will see something like the following (relevant bit in red):
GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM
GM of Core: The Ashes of Alcarna - April 2020 CotM
GM of Stream of Kairos
Need CSS Help? It may be covered here: Abersade's CSS Hub
Thanks for the response Abersade! So I have code to change the background of a page for the body, like to put something behind the text, what I'm confused about is what code to use to specifically change the campaign background image but just for that one page. Sorry btw I'm pretty amateur at the CSS lol mainly just cobble code together with lots of searching through other conversations and mess with them to figure things out. I haven't seen anyone postcode to override the campaign background on a page though.
DM, Current Campaign: The Godlands: Rise of the Blood Moon Kings
DM, Previous Campaign: Avatar: Conquest of the Imperial Order - CotM: November 2011
GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM
GM of Core: The Ashes of Alcarna - April 2020 CotM
GM of Stream of Kairos
Need CSS Help? It may be covered here: Abersade's CSS Hub
To give you an example which targets the main campaign background image and only changes it for a single page, this code sets the background image on my roleplaying points page on my Stream of Kairos game to use the testcard background that I use for my test site/css hub. This uses the method I detailed above.
For some silly reason the code block is adding a carat URL tag in the address, that part is an artifact of the forum code block acting weird and is not part of the required code for the CSS.GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM
GM of Core: The Ashes of Alcarna - April 2020 CotM
GM of Stream of Kairos
Need CSS Help? It may be covered here: Abersade's CSS Hub