My messages are being displayed with an ugly light yellow colored box surrounding the actual purr_messages box, I have tried everything in the purr.css file to get rid of this, it seems there is nothing in the purr.css file that controls this outer box.

any ideas how to fix this?

Comments

tanc’s picture

tanc
he/him
Primary language English
Location Italy
commented

Try adding something like this at the beginning of your custom css:
div.status, div.warning { background: none !important; }
It depends on which theme you're using but those two classes may have been set elsewhere and are overriding the css in purr.

tanc’s picture

tanc
he/him
Primary language English
Location Italy
commented
Status: Active » Closed (fixed)
DanishK’s picture

DanishK commented

I had the same problem and noticed that I only get this yellow box when using customised purr messages.
Switch from using customised purr messages to standard customised messaged.

Good luck!