Skip to content

[NODEBB] CSS Style Sheets SelectBox

Locked Solved Customisation
112 2 63.3k 1
  • 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

  • havve you got an idea ?

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

    wrote on last edited by
    #67

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

  • havve you got an idea ?

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

    wrote on last edited by
    #68

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

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

    This should work

    .modal-content {
        background: #fff;
    }
    
  • wrote on last edited by
    #69

    Nope. 😞

  • Nope. 😞

    wrote on last edited by phenomlab
    #70

    @downpw Try this

    .bootbox .modal-dialog .modal-content {
        background: #fff;
    }
    

    d3e63ab5-5a08-4caa-a898-de93a5eefdfd-image.png

  • @downpw Try this

    .bootbox .modal-dialog .modal-content {
        background: #fff;
    }
    

    d3e63ab5-5a08-4caa-a898-de93a5eefdfd-image.png

    wrote on last edited by
    #71

    @phenomlab
    That works Sir 🙂

    Super hero you are^^

  • @phenomlab
    That works Sir 🙂

    Super hero you are^^

    wrote on last edited by
    #72

    @downpw Great ! Can we get the wallpapers fixed now also ? Would be good to see everything working.

  • wrote on last edited by
    #73

    @phenomlab

    I have fix all files.
    You can test it if you want

  • @phenomlab

    I have fix all files.
    You can test it if you want

    wrote on last edited by
    #74

    @downpw doesn’t seem to be working ?

  • @downpw doesn’t seem to be working ?

    wrote on last edited by DownPW
    #75

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

    @downpw doesn’t seem to be working ?

    @phenomlab

    It seems to work on my mobile. Maybe your cache ?

  • @phenomlab said in [NODEBB] CSS Style Sheets SelectBox:

    @downpw doesn’t seem to be working ?

    @phenomlab

    It seems to work on my mobile. Maybe your cache ?

    wrote on last edited by phenomlab
    #76

    @downpw probably. Let me try again

    EDIT - All good in incognito session

  • wrote on last edited by
    #77

    @DownPW I think we’re done now, yes ?

  • wrote on last edited by DownPW
    #78

    Oh yeah @phenomlab

    The post can be marked Resolved. No problem…
    And I thanks you again for your hard work

    A question:

    I have customised the Theme Chooser menu for mobile.
    Moreover, if anyone is interested here is the code:

    @media all and (max-width: 1024px)
    {
    .dropdown-menu>li>a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #fff;
        white-space: nowrap;
        background: #3A3C41;
    }
    
    #theme.dropdown-menu {
        position: fixed;
        top: 140px;
        left: 15px;
        z-index: 1000;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        list-style: none;
        font-size: 14px;
        text-align: left;
        /* background-clip: padding-box; */
        background: #3A3C41;
        width: 30px;
        border: 1px solid white;
    }
    

    I want to change the color of these elements, when the button is selectionned (on mobile). Actually, there blue by default and I wanted to change for white or grey for :

    ceaee937-d1ea-4315-9a7e-fd2d346855d9-image.png

    And change the color of these icons :
    a2b8e252-921a-4424-a5ac-ddc6cf2b6cf2-image.png
    If you have an idea @phenomlab 🙂

  • Oh yeah @phenomlab

    The post can be marked Resolved. No problem…
    And I thanks you again for your hard work

    A question:

    I have customised the Theme Chooser menu for mobile.
    Moreover, if anyone is interested here is the code:

    @media all and (max-width: 1024px)
    {
    .dropdown-menu>li>a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #fff;
        white-space: nowrap;
        background: #3A3C41;
    }
    
    #theme.dropdown-menu {
        position: fixed;
        top: 140px;
        left: 15px;
        z-index: 1000;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        list-style: none;
        font-size: 14px;
        text-align: left;
        /* background-clip: padding-box; */
        background: #3A3C41;
        width: 30px;
        border: 1px solid white;
    }
    

    I want to change the color of these elements, when the button is selectionned (on mobile). Actually, there blue by default and I wanted to change for white or grey for :

    ceaee937-d1ea-4315-9a7e-fd2d346855d9-image.png

    And change the color of these icons :
    a2b8e252-921a-4424-a5ac-ddc6cf2b6cf2-image.png
    If you have an idea @phenomlab 🙂

    wrote on last edited by
    #79

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

    I want to change the color of these elements, when the button is selectionned (on mobile). Actually, there blue by default and I wanted to change for white or grey for :

    ceaee937-d1ea-4315-9a7e-fd2d346855d9-image.png

    Find 🙂

    @media all and (max-width: 1024px)
    {
    .btn-link:focus, .btn-link:hover {
        /*color: #23527c;*/
        color: lightgrey; /*Any color you want*/
        text-decoration: underline;
        background-color: transparent;
    }
    }
    

    I haven’t yet found for point shaped marker. I will search


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