[NODEBB] CSS Style Sheets SelectBox

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

[DownPW]

Ok great my Lord

[DownPW]

@phenomlab

It’s because i use this variable for this when I delete a message on Chat

[phenomlab]

@downpw Yes, you’ll need to be more specific with the target so it doesn’t cause issues elsewhere.

[DownPW]

havve you got an idea ?

.modal-body doesn’t work, tranparency is here

[phenomlab]

@downpw Yes, but let’s first fix the wallpapers

[phenomlab]

@downpw said in [NODEBB] CSS Style Sheets SelectBox:

.modal-body doesn’t work, tranparency is here

This should work

.modal-content {
    background: #fff;
}