Moving the Remember Me box

[ZippySLC]

I've modified the header and have a large random image displaying immediately below the login box at the top of the header. The problem is that the "Remember Me" box is below the login boxes, which makes it hard to see because it's on top of an image.

What I would like is the login, password, and remember me boxes to be on the same level.

I've looked at the template and haven't had much luck changing it. Can anybody lend a hand?

Ideally, I'd like it to look something like this:

[Lynne]

Take this line and delete it:

   <div id="remember" class="remember">
                 <label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" /> {vb:rawphrase remember_me}</label>
                </div>

Find this:

<input type="submit" class="loginbutton" value="{vb:rawphrase log_in}" tabindex="104" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />

Right above it add this:

<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" /> {vb:rawphrase remember_me}</label>

I think that should do it. Play with it a bit to get it how you want.

[ZippySLC]

Lynne,

Thank you so much! That worked perfectly!

[durruti]

Bumped.

Not working for article.


Works fine in Activity Stream, Forum and Blog.



What to do?

[Lynne]

Check the CSS on each of those pages and see what is different.

[durruti]

Originally Posted by Lynne

Check the CSS on each of those pages and see what is different.

I don't know how to do that, or are you asking me to check the templates? Which templates should I check?

--------------- Added [DATE]1376932292[/DATE] at [TIME]1376932292[/TIME] ---------------

In Article, I found this using Inspect Element:


label, .label {
font-weight: bold;
padding: 5px 0px;
display: block;
float: left;
clear: right;
}

When Red are unchecked, "Remember me?" appear correctly.

[Lynne]

Then write some CSS specific for the remember me box that doesn't have those two elements (or sets it to default, rather).