[NODEBB] CSS Style Sheets SelectBox

[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;
}

[DownPW]

Nope.

[phenomlab]

@downpw Try this

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

[DownPW]

@phenomlab
That works Sir

Super hero you are^^

[phenomlab]

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

[DownPW]

@phenomlab

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

[phenomlab]

@downpw doesn’t seem to be working ?

[DownPW]

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

@downpw probably. Let me try again

EDIT - All good in incognito session

[phenomlab]

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

[DownPW]

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 :

And change the color of these icons :

If you have an idea @phenomlab

[DownPW]

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

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

[DownPW]

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

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

Hi @phenomlab

I still haven’t found a way to remove the dot to the left of the Theme Switcher button on mobile (See Screenshot).

https://sudonix.com/assets/uploads/files/1641509822802-ceaee937-d1ea-4315-9a7e-fd2d346855d9-image.png

If you have an idea, I’m interested

Cya

[phenomlab]

@downpw add list-style: none; to the class

[DownPW]

Thanks @phenomlab

Moreover, if anyone is interested here is the code:

 
@media all and (max-width: 1024px)
{
.navbar-form {
    left: 20px;
    box-shadow: none;
    list-style: none;
}
}

[DownPW]

@phenomlab

I have another CSS problem for me @phenomlab

I have set the icon of theme switcher on white with this code:

.navbar-default .btn-link {
    color: #fff;
}

I have set the icon of theme switcher on black when I dropdwown on the menu with this code :

.navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
    color: black;
}

The problem I have:

Example on aqua theme, I dropdown the menu for change a theme and I have selected a wrong theme: I select the one already used (aqua)

At this moment, the icon becomes white again and I would like it to remain black.

It’s possible to do that ?

[DownPW]

EDIT:

Others things I have :

If I Click on fa-faw icon, The icon is black (its’ good) on dropdown :

But if I click on background (here aqua), the icon is white on dropdown :

Thanks in advance @phenomlab for your help. See the older post for seeing my code