Change room name background colour from blue

How do I change the background for the room name at the top of the screen, the default is blue, searching for 'blue' in the code returns no hits.


That's because it isn't the colour blue. It's an image (from )

If you want to change it, you can either override it by setting a new style rule for the element #status, or the CSS class .ui-widget-header.

Thank mrangel but I don't know how to do either of those things!

'setting a new style rule for the element #status, or the CSS class .ui-widget-header.'


JS.eval("$('<style>').text('.ui-widget-header { background-image: none; background-color: green; }').appendTo('head');") will probably do what you want

Or JS.eval("$('#status').css({'background-image': 'none', 'background-color': 'red'}); (but I'm not sure if Quest will magically change it back at some point if you do that)

or msg ("<style>.ui-widget-header { background-image: none; background-color: yellow; }</style>") if you don't mind it disappearing when you clear the screen.

Or you can set it under the "Location bar" heading on the Interface tab of the game object when you untick "Classic location style".

Cheers both!


This topic is now closed. Topics are closed after 60 days of inactivity.