Changing Background Color For Single Wiki Page

Tau_Cetacean
Tau_Cetacean
edited April 2016 in Campaign Portal Building
have created a black-background table on the front page (e.g. which seems to just be wiki page with URL - {name-of-campaign}.obsidianportal.com/wiki_pages/home-page/ ) of a campaign using just html... which still leaves the default white background bordering it

would like to change that white background to black for just that wiki page - I assume this can be done in CSS?

Comments

  • weasel0
    weasel0
    Posts: 406
    bq. .campaign-landing-show .campaign-landing-page-container{background-color: black;}

    This should be all you need for that specific box.
  • Tau_Cetacean
    Tau_Cetacean
    Posts: 285
    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
    Tau_Cetacean
    Posts: 285
    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
    weasel0
    Posts: 406
    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.
  • Tau_Cetacean
    Tau_Cetacean
    Posts: 35
    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
    weasel0
    Posts: 406 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
  • Tau_Cetacean
    Tau_Cetacean
    Posts: 35
    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!
Sign In or Register to comment.

Stand against the Overlords with November's Campaign of the Month, Hazard Pay!

Read the feature post on the blog!
Or return to Obsidian Portal!

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Discussions