Formatting [[LoginBox]]

[Gast]

thanks for reply 

[richwingerter]

I'm pretty sure this was my error. I think I accidentally added a rule inside another rule. I probably deleted one of the brackets when I was trying to clean this up. I don't think it's in the original screen.css file, but that file has so many rules it's difficult to go through and look.

[Gast]

please give some more details.
is the missing } a issue in the original screen.css (line-number?) or the result of your changes in this file?

[richwingerter]

Found it. There was an error where a missing } in the .css caused this to go missing.

So, yes, the class is "login-box", and I was able to format it properly.

Thanks for the help!

[richwingerter]

I'd like to add a color to the background and remove the border.

I see an example of the droplet in ../modules/droplets/example/LoginBox.php. But that example shows this panel with:

Code Select Expand

<div class="login-box">

That's not left-col. Also, changing left-col should change everything in that column, not just the login box.

Of course, the actual droplet I'm getting might not be like the example. It would help to know more about how these are stored and accessed.

Actually, I looked it up in the wb_mod_droplets table, and it is just this code. I don't understand why setting attributes for the login-box class in screen.css doesn't seem to apply to this. I'm looking at the developer tools in Chrome and this class does not seem to be applied to that section of code.

In tools I can see the "<div class="login-box"> branch. Selecting it does not show even the login-box class in the Styles list. I get:

Code Select Expand

div {          user agent stylesheet
    display: block;
}

It doesn't even show the border style there, which I see on the page.

Thanks for your help!

[hgs]

What would you like to change?
The class above changes some and is called <div id="left-col">

[richwingerter]

I'd like to change the format for [[LoginBox]]. The code seems to use class="login-box". But changing that in screen.css does not change the appearance of the Login area. Perhaps it's set in JavaScript somewhere, but I don't know where to look for it.

How should I change the formatting for this?