Comments

• 

  Abersade

  Posts: 422 February 2023

  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
• 

  WolfLord

  Posts: 278 February 2023

  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
• 

  Abersade

  Posts: 422 February 2023 edited February 2023

  Which page specifically?
  

  Post edited by Abersade on February 2023

  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
• 

  Abersade

  Posts: 422 February 2023 edited February 2023

  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.

  
  .wiki-page-slug-roleplaying-points.campaign-public-layout .page-background {
    background-image: url(https://db4sgowjqfwig.cloudfront.net/campaigns/116239/backgrounds/523138/SMPTE_Color_Bars.jpg?1446494700);
  }
  

  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.
  

  Post edited by Abersade on February 2023

  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