Password box formatting

Hi, just trying to get consistent formatting for the username and password input boxes in the Holder theme (www.radicleortho.com).

I’m calling the login form on my main page through wp_login_form (added a login form shortcode to functions.php).

Please help!

  • epr
    • New Recruit

    I partially solved my own problem by digging into the specific css styles – I added a block of code for input type = password that had the same parameters as input type = text.

    However, now I can’t seem to figure out where the input type = text border color comes from. Editing strip.css, for example, doesn’t change the border color.

    I’d also like to get the alignment straightened out – with the input and password fields lined up.

    Any help would be much appreciated.

  • epr
    • New Recruit

    Timothy- I managed to hack my way through it, but still would like to understand where textbox borders are defined in the Holder Theme.

    Changing the border color to #ffffff in strip.css did not seem to work. I eventually had to use a color picker to figure out the border color and then force that color on to the password text box.

    I looked through the Holder Theme documentation which was very thin. If you could let me know how to do this the right way it would be appreciated.

  • Timothy
    • Chief Pigeon

    /themes/holder/library/styles/strip.css

    The css seems to be in there:

    /********************************************* forms */
    input[type="text"],
    textarea {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #9e918a;
    padding: 5px;
    }

    input[type="password"],
    textarea {
    background: #ffffff;
    border: 1px solid #9E918A;
    color: #9e918a;
    padding: 5px;
    }

    label {
    width: 10em;
    float:left;
    }

    input[type="textarea"],
    textarea {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #9e918a;
    padding: 5px;
    width: 98%
    }

    a.button, input[type=submit], input[type=button],
    ul.button-nav li a, div.generic-button a {
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    color: #666666;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    background: #d4cecb;
    border: 1px solid #d4cecb;
    text-shadow: #ffffff 0px 0px 0px;
    }

    a.button:hover, a.button:focus, input[type=submit]:hover, input[type=button]:hover,
    ul.button-nav li a:hover, ul.button-nav li.current a,
    div.generic-button a:hover {
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    color: #666666;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    background: #d4cecb;
    border: 1px solid #d4cecb;
    text-shadow: #ffffff 0px 0px 0px;
    }

    Take care.

  • epr
    • New Recruit

    The [password] and [label] code is in there because I put it in – not as part of the theme css provided by WPMU Dev.

    The textbox border is set as “ffffff”, yet it shows up as “9e918a”. I had to use the digital color meter to figure that out and set the password border accordingly.

    I suspect there is some sort of default in reset.css that establishes the textbox border color, but I haven’t been able to find it. I’d prefer to understand how the theme works so that I don’t have hacked code sitting in the specific theme css.

    Any help understanding how the theme css works would be appreciated!

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.