Forums

[Plugin: Sidebar Login] styling input fields (2 posts)

  1. lauras2009
    Member
    Posted 3 months ago #

    I love this plugin but I am having trouble with one thing.

    The styling of the text input fields in the sidebar-login module is conflicting with the styling of the input fields on the login/registration pages, even though I have created different classes for each.

    I added 'class="small"' to the sidebar-login.php input fields, i.e.,
    <p class="login"><input ... id="user_login" class="small" /></p>.

    I have created a class called #user_login.small (or input#user_login.small, or p.login input#user_login.small ... tried lots of things) that sets the size of these input fields.

    However the input fields insist on taking their styling from a different class selector, namely: input#user_login.

    Why can't I seem to add class="small" to the input fields and have it be recognized by the stylesheet? Is there any way around this?

    I am using FF on Mac OSX. I need it to work on IE and FF, for Windows, Mac.

    Thanks much for any help,

    Laura S.

    http://wordpress.org/extend/plugins/sidebar-login/

  2. lauras2009
    Member
    Posted 3 months ago #

    Argh, I think I figured it out.

    I had a trailing comma after the style selector:
    input#user_login.small, input#user_pass.small, {
    ...
    }

    Once I got rid of the comma, two hours later, problem solved.

Reply

You must log in to post.

About this Topic