X-Cart forums

[Sisom]

Hi, I'm working on a site that uses very dark backgrounds, and consequently I can hardly see the black border that Webmaster Mode puts around each element as I select it in the popup window. Does anybody know where the CSS style is which I need to edit? I couldn't work out how to find this out by using Firebug, as the border only displays when my mouse is over the popup window, so I can't use Firebug to select the damn thing in Firefox!

[cflsystems]

that's probably in some js file

[Sisom]

Thanks Steve, I was thinking it might be in JS, not CSS. My JS skills are non-existent at the moment though, but am I likely to be looking for a simple hex colour, such as #000000? (Presuming I find a JS file that might be the right one). I use ColorPicker so I can find out exactly what colour the outline is (I'm presuming it's black, but it might not be)- I'll use Faststone Screen Capture to grab the screen while I'm hovering over a template in the Webmaster Mode popup window, then use ColorPicker to find out the colour of the outline.

[SID357]

main.css

Do a search for Webmaster Mode.

Should be a line that says, color: green !important;

[Sisom]

Hi Sid, that only changes the colour of the label text, nothing to do with the border colour. I think it must be in some JS somewhere, as cflsystems said.

[Sisom]

Sorry to bump this, but I was hoping maybe somebody who knew the answer would see it. We can't all be creating sites with white backgrounds!

[SID357]

Did you ever figure this out? I'm needing a white border as well.

[qualiteam]

Alter the "skin/common_files/js/editor_common.js" template, replace:

var borderStyle = remove ? "0px none" : "1px solid black";

with e.g.:

var borderStyle = remove ? "0px none" : "1px solid red";

The code is located in the markTemplate function.