XF 2.2 + and - color

[Awani]

I've been searching the forums to find this answer, but can't.

When I did my color layout below + and - becomes white on white, and only visible when hover.



Where can I change this? What would code be in extra.less if that option is available?

Thanks.

(I added prefix 2.2, I got the forum this year so I assume it's the latest)

 

[TPerry]

Try (in EXTRA.less)
for the minus

.inputNumber-button--down::before {
color: red;
}

for plus

.inputNumber-button--up::before {
color:green;
}

adjusting those colors as needed. Be aware, this will also come into play in others areas that use the +/- keys, such as custom fields that use numbers and such, so with a little more work you may be able, using your browser inspector, to narrow them down.
This is an example of that in my XFRM instance



And here it is on some custom fields in a node

 

[Awani]

Thank you. You should edit your code above, because the minus has a # and that won't work. I managed to figure it out, but for future users who have same problem.

 

[TPerry]

Thank you. You should edit your code above, because the minus has a # and that won't work. I managed to figure it out, but for future users who have same problem.

Yep..... was a leftover from my Extra.LESS that I copied it from since in it I actually use an actual HEX code, and substituted a standard color code to make it simpler to understand for someone that might not be familiar with it..