[NODEBB] Help for my custom CSS

[DownPW]

see my 2 last screenshots and connect to the website

[phenomlab]

@downpw This will fix the reply button on hover

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    margin-right: 2px;
}

This will fix the search alignment, as the CSS is inherited

a#save-preferences {
    margin-left: -3px;
    margin-right: 2px;
}

This should fix the message buttons

.message-body, .btn-xs.btn-link {
    margin-left: -2px !important;
    margin-right: 1px !important;
}

And this will fix the composer submit button

.composer-submit {
    margin-left: -3px !important;
}

[DownPW]

these code just for CustomCSS file isn’t it @phenomlab ?
On ACP, I leave the code you gave me

[phenomlab]

@downpw Correct. Only apply these fixes to your custom CSS.

[DownPW]

@phenomlab

@phenomlab said in [NODEBB] Help for my custom CSS:

@downpw This will fix the reply button on hover

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    margin-right: 2px;
}

No need, margin-right: 0px; is good for me

This will fix the search alignment, as the CSS is inherited

a#save-preferences {
    margin-left: -3px;
    margin-right: 2px;
}

No working, just add border-radius to 0

a#save-preferences {

border-radius: 0px;
}

This should fix the message buttons

.message-body, .btn-xs.btn-link {
    margin-left: -2px !important;
    margin-right: 1px !important;
}

Not working, i was try button .btn .btn-xs .btn-link too. Border is always here. maybe more specific about this button but I don’t see the class.

And this will fix the composer submit button

.composer-submit {
    margin-left: -3px !important;
}

No need it seems to me

[phenomlab]

@downpw Very odd. I actually used this CSS on your site and it works perfectly.

[DownPW]

I don’t know.

I delete the cache all the time after modif CSS file.

[phenomlab]

@downpw I just tried this again from an incognito session, and the CSS I suggested also works perfectly. Very strange indeed…

[DownPW]

Can you see my CSS/ACP ?

maybe I did things wrong?

I try on private navigation too.

[phenomlab]

@downpw Yes, I see the ACP - none of the CSS I provided should be in there - it should only reside in the custom themes.

[DownPW]

hmm if you can see custom CSS, I would appreciate it

[phenomlab]

@downpw Let me have a look

[phenomlab]

@downpw Can you please insert the code I provided into the Dark Aqua CSS theme file?

[DownPW]

@phenomlab

so sorry. first code ?

[phenomlab]

@downpw this one
https://sudonix.com/topic/207/nodebb-help-for-my-custom-css/7?_=1642791291710

I’ll have a look at this tomorrow but ideally need the code applied beforehand.

[DownPW]

@phenomlab

Ok done at the end of the file

[phenomlab]

@downpw thanks

[phenomlab]

@downpw Are these lines still there ? I don’t see them at the bottom of the file ?

[DownPW]

@phenomlab

PM

[phenomlab]

@downpw Thanks for the confirmation. This is indeed quite odd, as the classes, despite being at the bottom of the file, do not appear in the DOM. If I apply them manually

Everything works as I expected

Looking at your CSS, I can see why

Note that you are missing a closing curly brace on what should be line 2716 so this explains why the remaining CSS is not being loaded !

This block also has a stray asterisk

.message-body, .btn-xs.btn-link {
    margin-left: -2px !important;
    margin-right: 1px !important;
}*

Should be

.message-body, .btn-xs.btn-link {
    margin-left: -2px !important;
    margin-right: 1px !important;
}