design and style of the login form

  • Resolved lkdstudio

    (@lkdstudio)


    11 years, 5 months ago

    Good morning, i’m using your plugin..it’s great!!! but i need some help.

    1. i really don’t understandhow i can change the design of the form…i tried with css but nothing happens and the same with the file style.css from my template wp.

    I don’t find the class of the field. Ex: i would like to change the password field but where?

    From the firefox i can see from the code that it’s like this:

    <input type=”password” name=”pwd” id=”user_pass1″ class=”input” value=”” size=”20″>

    But i can’t understand how i can change the size or other things of the field.

    Could someone help me?

    Thanks

    Davide

    https://www.ads-software.com/extend/plugins/theme-my-login/

Viewing 8 replies - 1 through 8 (of 8 total)

  • My passwordfield in the login-form has id=”user_pass”. without the “1”
    i just did:
    #user_pass {
    border: 1px solid #000;
    }
    in the theme-my-login.css and it worked.

    Thread Starter lkdstudio

    (@lkdstudio)

    Thank you for your answer, my still i have the problem, i did like you said

    #user_pass {
    border: 1px solid #000;
    }
    in the theme-my-login.css

    Take a look:

    https://www.alplus.ch/demo/area-riservata/

    How i can make the “password field” like “nome utente” field?

    Many thanks

    thats weird. #user_pass1 should do it :S

    Thread Starter lkdstudio

    (@lkdstudio)

    i tried with #user_pass1 but still doesn’t work ??

    Why i don’t understand….

    try this:

    #user_pass1 { border: 1px solid #000 !important;}

    for an exact match:

    #user_pass1 {
    width: 100% !important;
    display: block !important;
    font-size: 14px !important;
    margin: 0px 0px 11px 0px !important;
    padding: 5px 10px 5px 10px !important;
    height: 40px!important;
    -webkit-transition: all 0.2s linear !important;
    -moz-transition: all 0.2s linear !important;
    -o-transition: all 0.2s linear !important;
    transition: all 0.2s linear !important;
    }

    Ciao lkdstudio
    Però, se prima pigi sull’area grigia (Reserved Area), dopo il campo Password assume lo stesso aspetto del campo Nome Utente. Verifica!.

    But, if you hit before on the menu zone with the gray background (Reserved Area), after the field “Password” will appears like the field Username.

    Thread Starter lkdstudio

    (@lkdstudio)

    i’ve got it some days ago…i used the code that give me “mattb1234” but instead to used with the file theme-my-login.css i used in the custom css of the wp theme..and after some fix also to style.css the result it’s ok!!!!

    Per Redazione_INM:

    Ciao possibile che stavi guardando mentre sistemavo…grazie

    Thanks to everyone

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘design and style of the login form’ is closed to new replies.