[NODEBB] CSS Style Sheets SelectBox

[DownPW]

@phenomlab

Ok if I understood, I can’t use custom ACP Header for HTML code. I must use an HTML widgets.

For background, I use the code on NodeBB forum but if you have a code working great on desktop and mobile. II want it a lot

[phenomlab]

@downpw If you move the background CSS you are using out of the html element and into the body for each stylesheet, it’ll work.

Not sure why the custom HTML works fine in a widget, but… well - it works !

[DownPW]

For Wallpaper, i will test your solution. That solutino work on mobile ?

[phenomlab]

@downpw Yes, it does.

[DownPW]

like this ? @phenomlab

/* Smartphone */
@media (min-width: 320px) {
body {
        background: url(https://i.imgur.com/XXXX.png) no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
}
 
/* Desktop */
@media (min-width: 1281px) {
    body {
        background: url(https://i.imgur.com/XXXX.png) no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}

[phenomlab]

@downpw Yep. That should work.

[DownPW]

@phenomlab

Whoops, I have test and not work on mobile
Just fix this and it’s perfect for me

[phenomlab]

@downpw So it’s working now ?

[DownPW]

no.
white background on mobile

[phenomlab]

@downpw Ok. Checking now.

[DownPW]

@phenomlab

I see this on console with smartphone enabled

[phenomlab]

@downpw Yes, I see it. On each CSS sheet you have, change

background-color: white to background-color: transparent; on the body tag and let me know if that fixes it.

[DownPW]

Ok I test that

[phenomlab]

@downpw On each body tag, change background-color: white to background-color: transparent;

[DownPW]

@phenomlab

nope doesn’t work

[phenomlab]

@downpw Try background-color: transparent !important;

[DownPW]

yes I have test that too

[phenomlab]

@downpw Odd. This is what I see.

Then, from your body class, I change background-color: white to background-color: transparent;

So the CSS now look like

body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 14px;
    line-height: 1.42857143;
    color: white;
    background-color: transparent;
}

And the image displays

[DownPW]

how and where do you do that ?

[phenomlab]

@downpw By altering the CSS in the DOM directly. F12, then “inspect”, select element, and change

This is what I see

Can you change the background-color: white; in eva_00.css to background-color: transparent; and let me know when done ?

Actually, you can probably remove it altogether ?