XF 2.2 How to Change the Hover Color of this Popup Menu

Changing it in ACP didn't work, and targeting the fr-popup element didn't work either. I'm stumped on what to do and how to change this hover color. Any help is appreciated!

Screenshot 2023-11-14 103714.webp
 
Solution
I'm not sure what you are calling the "hover color"... but if that is the white box, then this worked in my browser inspector
Code:
.fr-popup .fr-image-upload-layer {
    background: blue;
}

Screen Shot 2023-11-15 at 4.38.12 PM.webp
I'm not sure what you are calling the "hover color"... but if that is the white box, then this worked in my browser inspector
Code:
.fr-popup .fr-image-upload-layer {
    background: blue;
}

Screen Shot 2023-11-15 at 4.38.12 PM.webp
 
Solution
Okay! I'll give it a try
Edit: It worked! Thank you so much @TPerry To clarify, it was the background color that popped up when I hovered my mouse over it, so I put the same code but just with :hover and it worked :)

Code:
.fr-popup .fr-image-upload-layer:hover {
    background: @xf-paletteColor2;
}
 
Last edited:
Back
Top Bottom