Comments

• 

  weasel0

  Posts: 435 April 2016

  bq. .campaign-landing-show .campaign-landing-page-container{background-color: black;}
  
  This should be all you need for that specific box.

  ~Weasel0

  A Parade of Black | ShadowRunHack |

  Where I play with CSS code
• 

  Tau_Cetacean

  Posts: 285 April 2016

  thanks!
  
  that works when visiting it as https://nanopunk.obsidianportal.com/, but not as https://nanopunk.obsidianportal.com/wikis/home-page (though the latter may not matter as I won't be directing any traffic to that URL)
  
  and if I wanted to get fancier and make the background an image, would it be:
  
  .campaign-landing-show .campaign-landing-page-container{background-image: url("starfield.png"); background-color: black;}
  
  (kludging off of online CSS tutorials)
• 

  Tau_Cetacean

  Posts: 285 April 2016

  and is there some other way of uploading images to the site besides the embed media button (on the wiki edit menu which isn't snapping into place because of the bug on my account that I first reported in July of 2015 that still hasn't been fixed)?
  
  if not, do I just use the CSS:
  
  .campaign-landing-show .campaign-landing-page-container{background-image: url(“http://www.name-of-the-site-I-am-using-as-an-image-silo/starfield.png”); background-color: black;}
• 

  weasel0

  Posts: 435 April 2016

  As something I struggled to figure out, the Home page is actually a different page than the landing page. When you edit the "Landing Page" you're actually redirected to the wiki "Home Page" and it kind of copies it to the landing...I'm assuming you'd have to isolate the Landing Page from rest of the wiki pages(probably possible but I haven't tried to get that fancy) or just leave it as like me, you've noticed nobody is really gonna wind up there anyway.
  
  As far as images, someone else will need to chime in on that to confirm or deny. I'm off to complain that the in-line text editor is killing all my old textile coding and turning it into plain text when I save changes.

  ~Weasel0

  A Parade of Black | ShadowRunHack |

  Where I play with CSS code
• 

  Tau_Cetacean

  Posts: 35 April 2016

  I'm going on a slightly different tack - I've added the desired image (a starfield) as the background for the whole campaign... what I would like is to make the foreground box on the front page transparent
  
  I've tried adjusting the opacity in CSS like so:
  
  .campaign-landing-show .campaign-landing-page-container{background-color: black; opacity: 0.6;}
  
  but the result is to make not just the foreground box transparent (good), but also the text and image I've embedded (not what I want)
  
  is there anyway to just make the box transparent?
• 

  weasel0

  Posts: 435 April 2016 edited April 2016

  bq. .campaign-public-layout .wiki-page,
  .campaign-public-layout .section
  {background-color: transparent;}
  
  is what i use and might work?
  
  
  Here Try this instead of "background-color: black"
  
  bq. background: rgba(255, 255, 255, 0.5);
  
  it's Red Green Blue Alpha
  Alpha controls transparency 0 is opaque 1 is transparent.
  
  Here's the link for this one: "https://css-tricks.com/rgba-browser-support/":https://css-tricks.com/rgba-browser-support/

  Post edited by weasel0 on April 2016

  ~Weasel0

  A Parade of Black | ShadowRunHack |

  Where I play with CSS code
• 

  Tau_Cetacean

  Posts: 35 April 2016

  yep, that works, now all I need to do is replaced the overlying image with an edited version where the starfield around the spacecraft (in the image) is also transparent
  
  thanks!