WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Droplets & Snippets => Topic started by: richwingerter on November 18, 2016, 02:17:11 AM

Title: Formatting [[LoginBox]]
Post by: richwingerter on November 18, 2016, 02:17:11 AM
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?
Title: Re: Formatting [[LoginBox]]
Post by: hgs on November 18, 2016, 07:18:30 AM
What would you like to change?
The class above changes some and is called <div id="left-col">

Title: Re: Formatting [[LoginBox]]
Post by: richwingerter on November 18, 2016, 09:04:15 PM
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]
<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]
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!

Title: Re: Formatting [[LoginBox]]
Post by: richwingerter on November 18, 2016, 10:10:37 PM
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!
Title: Re: Formatting [[LoginBox]]
Post by: Gast on November 19, 2016, 01:43:23 PM
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?
Title: Re: Formatting [[LoginBox]]
Post by: richwingerter on November 20, 2016, 01:08:37 AM
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.
Title: Re: Formatting [[LoginBox]]
Post by: Gast on November 20, 2016, 12:38:31 PM
thanks for reply  (Y)