[NODEBB] Help for my custom CSS

[phenomlab]

@downpw another great addition

[DownPW]

@phenomlab

An idea for CSS code for that button (Abandon) after click ?

[phenomlab]

@downpw Can you expand on that ?

[DownPW]

color, background color and after a click on the abandon button

[phenomlab]

@downpw Ok. Do you have a mock-up in terms of what you’d be looking for ? I think I understand, but it will require jQuery

[DownPW]

@phenomlab

I don’t think so JQuery are necessary becausei hav not that on other themes. Maybe a focus button ?

I want to fix this color background after a click on “Discard” Button when I reply to a topic.

For example you don’t have this on sudonix.com

Just to find the correct CSS code i guess

I have the same problem on login button

[phenomlab]

@downpw Something like this ?

button.btn.btn-default.composer-discard:focus {
    background: red;
}

[DownPW]

Very odd @phenomlab

[phenomlab]

@downpw Expected, because the CSS class is :focus so on mouseout event, the focus is lost and the CSS will no longer apply. This is why you (probably) need jQuery

[DownPW]

Nope, I don’t think so because I haven’t got the problem on an another themes and here too

[phenomlab]

@downpw Can you provide the same example with another theme ?

[DownPW]

@phenomlab

[phenomlab]

@downpw So (for example) do you want the Discard button to turn red if you you click Confirm, or am I off track here ? Not entirely sure what you’re after

[DownPW]

@phenomlab Never mind already found the right CSS property would be nice

[phenomlab]

@downpw Do you mean this one

button.btn.btn-default.composer-discard:focus {
    background: red;
}

Or another ?

[DownPW]

@phenomlab Another I think

[DownPW]

It seem to be a btn-default problem

[DownPW]

@downpw

yes it’s that

But if you have the same for Login button, I take

[phenomlab]

@downpw Think I might have it

.composer-discard:disabled {
    background: red !important;
}

[phenomlab]

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

But if you have the same for Login button, I take

Use this

button#login {
    background: green;
    border: 1px solid green;
}