Skip to content

[NODEBB] CSS Style Sheets SelectBox

Locked Solved Customisation
112 2 64.9k 1
  • wrote on last edited by DownPW
    #47

    @phenomlab

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

  • @phenomlab

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

    wrote on last edited by
    #48

    @downpw So it’s working now ?

  • wrote on last edited by DownPW
    #49

    no.
    white background on mobile

  • no.
    white background on mobile

    wrote on last edited by
    #50

    @downpw Ok. Checking now.

  • wrote on last edited by DownPW
    #51

    @phenomlab

    I see this on console with smartphone enabled

    267a067e-3c73-4e0f-9ca0-307944ca8fd3-image.png

  • @phenomlab

    I see this on console with smartphone enabled

    267a067e-3c73-4e0f-9ca0-307944ca8fd3-image.png

    wrote on last edited by
    #52

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

  • wrote on last edited by DownPW
    #53

    Ok I test that

  • Ok I test that

    wrote on last edited by
    #54

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

  • wrote on last edited by
    #55

    @phenomlab

    nope doesn’t work

  • @phenomlab

    nope doesn’t work

    wrote on last edited by
    #56

    @downpw Try background-color: transparent !important;

  • wrote on last edited by
    #57

    yes I have test that too 😞

  • yes I have test that too 😞

    wrote on last edited by
    #58

    @downpw Odd. This is what I see.

    fa57dac4-c747-4631-93a3-ecc909a715bf-image.png

    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

    348090d9-80ff-416b-8090-f0409dd44bbd-image.png

  • wrote on last edited by DownPW
    #59

    how and where do you do that ?

  • how and where do you do that ?

    wrote on last edited by phenomlab
    #60

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

    This is what I see

    491aea78-a146-4553-81e0-f71aa9362658-image.png

    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 ?

  • wrote on last edited by
    #61

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

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

    wrote on last edited by
    #62

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

  • wrote on last edited by
    #63

    Ok great my Lord 😉

  • wrote on last edited by DownPW
    #64

    @phenomlab

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

    aa138d2a-5fa2-4b5c-a610-0a80ab24a0f2-image.png

  • @phenomlab

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

    aa138d2a-5fa2-4b5c-a610-0a80ab24a0f2-image.png

    wrote on last edited by
    #65

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

  • wrote on last edited by DownPW
    #66

    havve you got an idea ?

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


Did this solution help you?
Did you find the suggested solution useful? Support 💗 Sudonix with a coffee ☕
If your organisation needs deeper expertise around infrastructure, security, or technology leadership, learn more about Phenomlab Ltd. Many of the deeper technical guides behind Sudonix are published there.

Related Topics
  • Fixing YouTube videos css

    Solved WordPress css
    8
    2 Votes
    8 Posts
    3k Views
    Sala
    @phenomlab It looks good, but not anymore. I’ve already lost so much time. Now it’s time to move on
  • who is read NodeBB

    Customisation read post nodebb
    6
    0 Votes
    6 Posts
    3k Views
    phenomlab
    @cagatay You should ask in the NodeBB forums. Perhaps reference this post https://discuss.flarum.org/d/23066-who-read
  • Forum Icons NodeBB

    Solved Customisation icons forum nodebb
    13
    0 Votes
    13 Posts
    5k Views
    phenomlab
    @cagatay That matches what I see [image: 4f0f858d-9812-42b1-9f61-ffb13d31dccd-image.png]
  • answers appearance css code request

    Solved Customisation css answers
    11
    1
    1 Votes
    11 Posts
    4k Views
    phenomlab
    @DownPW yes, because of the modifications that Sudonix uses, you’ll need to tailor to fit your needs.
  • tag icon in front of tags

    Solved Customisation css
    5
    3 Votes
    5 Posts
    2k Views
    crazycells
    @phenomlab said in tag icon in front of tags: @crazycells Are you using Font Awesome Free ? If so, try this span.tag:before { content: "\f02b"; font-family: "Font Awesome 5 Free"; margin-right: 5px; margin-left: 5px; font-weight: 900; } yeap, this worked thanks a lot.
  • [NODEBB] Welcome Message

    Solved Customisation css html nodebb
    20
    2
    13 Votes
    20 Posts
    9k Views
    phenomlab
    @DownPW the ‘js’ code for the banner takes the time from the client, so what it displays really depends on the regional settings for the operating system. I’ve not seen this issue myself but would like to see some examples of screenshots if possible.
  • How to set a signature in NodeBB?

    Solved Customisation
    4
    2 Votes
    4 Posts
    2k Views
    JAC
    @phenomlab said in How to set a signature in NodeBB?: @jac No issues at all with copying. This is set using the signature for the user you are posting as. In the case of Hostrisk, it’s set like the below [image: 7bf04183-f6e8-4d72-b0eb-c9a05c9cd24b-image.png] You can set the signature by using https://domain.com/user/theuser/edit Mamy thanks Mark, I’ll set this up later .
  • Customising NodeBB

    Locked Customisation nodebb
    3
    0 Votes
    3 Posts
    3k Views
    phenomlab
    Closing this thread as a duplicate of https://sudonix.com/topic/12/nodebb-customisation