CSS Background removes when window is not full size

Unsolved General Discussion
  • Hello. I'm trying to change the background of my site With Custom CSS, but it only shows when the window is full size. So it doesn't work on mobile either. Here is the code i put:

    body.lights-out {
        background-image: url("https://forum.example/assets/uploads/files/sitebgcover-default.png") !important ;
        
    }
    

    Please note: the "lights-out" is part of css for a dark mode plugin. It does the same effect with just

    body {
        background-image: url("https://forum.example/assets/uploads/files/sitebgcover-default.png") !important ;
        
    }
    

    But I'm gonna use a different image file.

    Thank you in advance.

  • I sorta just gave up on this now, but I would still be fine with a potential solution.
    Probably is just something wrong with the css I put with like image repeat or something I’m not really good at CSS

  • The following code seems to work fine for me on this site, regardless of the window size:

    body {
        background: radial-gradient(circle, rgb(63, 94, 251) 0%, rgb(252, 70, 107) 100%);
    }
    

    It is only in dark mode that this doesn't work?

  • @pitaj well I’ll have to try without the dark mode lol, but when I make that css rule apply to both dark/light so even the light has a darker back, it still happened. I’ll try your gradient as a test


Suggested Topics


  • Guest css filter

    General Discussion
    1 Votes
    5 Posts
    389 Views

    @baris Thank you!
    It just works!
    Now I can hide objects from guests 🙂

  • background

    General Discussion
    0 Votes
    1 Posts
    187 Views

    Would you suggest what kind of background would be best for my oxide theme? https://szkolnecentrum.pl/topic/1864/money-makes-the-world-go-round-do-you-agree

  • 0 Votes
    5 Posts
    3k Views

    @velderia said:

    So... As far as npm install I'm having issues pretty much the same here: https://community.nodebb.org/topic/540/-nodebb-theme-lavender-lavender-theme-for-nodebb/73 (at the bottom) but I'm not sure how to reinstall npm on the stack or if that would even help.

    I guess I should be developing Node.js on linux but so far I've been dual booting and I'm thinking about investing in like a Gigabyte Brix and having two monitors side by side (or even a KVM switch). I use Windows for graphics and I like Ubuntu for developing stuff and it's kind of my dream setup to begin with.

    Edit: After rolling around in bed and drinking some coffee, I manually inserted the lavender theme in the node_modules folder, removed it from the npm-shrinkwrap.json file (created a npm-shrinkwrap-backup don't worry), and tried npm install again. It seemed to work up until "[email protected]" saying "no repository field" as a warning. I had to ctrl-C because it was literally stuck there. Now I have a bunch of nice modules installed in the node_modules folder but I'm assuming not all of them to be able to get NodeBB up and running.
    Tl;Dr: npm is really not liking .tgz I think

    Edit 2: I screwed up the entire NodeBB installation by typing node app too early and rushing everything. I'm going to take a break and probably upgrade the Ubuntu partition I have and do everything on there. 😞

    Hmm... What's the problem you're having exactly. I've been running nodebb on a windows bitnami mean stack for a long time without any issues whatsoever. Just make sure you pick the latest BITNAMI version (sometimes they hide them in favour of older more stable releases), install git and you're off to the races 🙂

  • 0 Votes
    6 Posts
    4k Views

    to flush a redis db

    redis-cli flushdb
  • Custom CSS in the DB?

    General Discussion
    0 Votes
    8 Posts
    2k Views

    @Chris I will add this styling this weekend, I'm also gotta fix up the plugin a little, the way I load the settings is a little hacky. .. so you can always update 🙂