Forums

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

  1. lauras2009
    Member
    Posted 2 years 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 2 years 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.

  3. MCNX
    Member
    Posted 1 year ago #

    Sorry, this is not my field of expertise, and I'm having same issue. How was the full text of the style selector?
    Thank you
    Alex

Topic Closed

This topic has been closed to new replies.

About this Topic