Coloring this has me scratching my head

TPerry

Well-known member
OK.... I've played in Chrome Developer and can't find where to modify the color highlighted by the arrow in the attachment. I may have overlooked it, but's it's driving me bonkers.

example.webp
 
It's the same button that styles the buttons within the search box and a few other areas (not New Thread though)

.button and .button:hover and .button:active

Or you can do it via SP, but it's not as much fun to style :D
 
It's the same button that styles the buttons within the search box and a few other areas (not Post Reply, New Thread, though)
.button and .button:hover and .button:active
Or you can do it via SP, but it's not as much fun to style :D

Doesn't work (and the SP configuration doesn't either).... but I found that it has to do with the Ajax Conversation in Postbit add-on. I styled it in CSS but apparently it stomps on these also. When I get a chance I've got to post the info in the add-on's support topic.
 
Did you put !important. It does work, since I've just styled mine :D

trophies.webp

Code:
.button {
background-color: red;
border: 1px solid green;
border-radius: 5px;
color: #fff;
text-align: center;
}
 
 
.button:hover {
background-color: green;
color: #ffffff !important;
}
 
.button:active {
background-color: red;
border: 1px solid green;
border-radius: 5px;
color: #fff !important;
}

change colours, add extra css as you see fit.
 
Did you put !important. It does work, since I've just styled mine :D
change colours, add extra css as you see fit.


Weird... when I do them individually they work... just NOT if you do the

Crap... I been up to long tonight... I had done this

Code:
.button .button:hover .button:active {
color: white !important;
background: black !important;
}
to test it... see what I missed? Simple little thing like a ,.

Thanks!
 
Weird... when I do them individually they work... just NOT if you do the

Crap... I been up to long tonight... I had done this

Code:
.button .button:hover .button:active {
color: white !important;
background: black !important;
}
to test it... see what I missed? Simple little thing like a ,.

Thanks!
hehehe.. my bad, I should have been more clear in my initial post. :)
 
Back
Top Bottom