Skip to content

[NODEBB] CSS Style Sheets SelectBox

Locked Solved Customisation
112 2 63.3k 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
  • navigation menu panel on mobile

    Solved Customisation nodebb css
    8
    1
    7 Votes
    8 Posts
    3k Views
    phenomlab
    @crazycells hmm. That’s odd. I haven’t made any changes from recollection but I could be wrong. I’ll need to check. EDIT - very strange. I honestly don’t recall adding the below CSS block to alter the bottom bar, but you’re right… .bottombar-nav { padding: 0px !important; } I’ve removed this so it reflects stock Harmony.
  • How to style tool tip of nodebb-plugin-user-level

    Solved Customisation user level css
    4
    1
    5 Votes
    4 Posts
    3k Views
    phenomlab
    @DownPW thanks. I forgot about that.
  • Post Style View

    Solved Customisation post style sudonix nodebb
    67
    2
    18 Votes
    67 Posts
    35k Views
    DownPW
    @cagatay Just add margin-left on the element like @phenomlab said to you : topic [component="post/parent"] { margin-left: 10px; } [image: aa08c62b-4223-4cba-8c0f-c73d50474c0d-image.png] Maybe @phenomlab have a better way
  • Quote design CSS

    Solved Customisation css quote
    15
    1
    4 Votes
    15 Posts
    6k Views
    phenomlab
    @DownPW yes, that does make sense actually. I forgot to mention the layout of Sudonix is custom so that would have an impact on the positioning. Good spot
  • [NodeBB] greeting message

    Solved Customisation css nodebb javascript
    2
    1
    3 Votes
    2 Posts
    2k Views
    phenomlab
    @pwsincd welcome to sudonix, and thanks for the comments. What your looking for is here https://sudonix.com/topic/195/nodebb-welcome-message/3?_=1648295651358
  • [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.
  • 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
  • NodeBB customisation

    Locked Customisation
    332
    27 Votes
    332 Posts
    274k Views
    phenomlab
    @jac Given your departure away from your previous project, I’m going to close this thread…