[NODEBB] CSS Style Sheets SelectBox

[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 ?

[DownPW]

yes it’s that.
I must change on all CSS file

[phenomlab]

@downpw Yep. Or, you can just remove that line in each file.