Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #17828

    Hi, when you want to log in and you forgot your password, the button can not be seen because it is behind the password field. How can i adjust that? Thanks for your time!

    Best regards, Anita

    #97096

    Hi Anita,

    Can we see the page you are talking about?

    Regards,

    Devin

    #97097

    Hi Devin, here is the attachement. The orange button when you forgot your password disappears behind an other field..

    http://www.superfoodkitchen.nl/wp-content/uploads/2012/11/checkout_login.jpg

    Regards, Anita

    #97098

    Hey!

    Try to add following css code to css/custom.css:

    form.login .form-row {
    width: 70%;

    Best regards,

    Peter

    #97099

    Hi Peter,

    It looks like:

    http://www.superfoodkitchen.nl/wp-content/uploads/2012/11/password.jpg

    Can you change the second field to the right?

    Thanks and regards, Anita

    #97100

    Hi Anita,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top form.login .form-row.form-row-last {
    float: left;
    }

    Regards,

    Devin

    #97101

    Hi Devin,

    Sorry, doesn’t work. Nothing changed… Any other ideas?

    Regards, Anita

    #97102

    Hi Anita,

    Try to add this code in Quick CSS or custom.css:

    .form-row {
    padding: 0;
    }

    form.login .form-row {
    width: 100%;
    }

    .register .form-row label {
    font-size: 10px;
    }

    or, if the code above doesn’t work, try this one instead:

    .form-row {
    padding: 0 !important;
    }

    form.login .form-row {
    width: 100% !important;
    }

    .register .form-row label {
    font-size: 10px !important;
    }

    Hope this helps. :)

    Regards,

    Ismael

    #97103

    Hi Ismael, unfortunately both codes aren’t working in Chrome:-(

    Regards, Anita

    #97104

    Hi Anita,

    Kindly open wp-content/themes/abundance/woocommerce-config/woocommerce-mod.css and find this line of code:

    .form-row{overflow:hidden;zoom:1;padding:3px;margin:0 0 6px;}

    and replace it with:

    .form-row{overflow:hidden;zoom:1;padding:0;margin:0 0 6px;}

    Hope this helps. :)

    Regards,

    Ismael

    #97105

    Hi Ismael.

    Sorry, is not working either. Do you have anything else you can think of?

    Thanks a lot,

    Regards, Anita

    #97106

    Hi Anita,

    I believe the issue stems from some css in your custom.css file. Specifically:

    .container .clear {
    clear: none;
    }

    Removing that should put the form button properly below the other content. Furthermore, changing the form rows to 100% width for just those pages will fix the weird floating issue it looks like you’ve been trying to fix because of the long form titles:

    #top.page-id-741 .form-row-first,#top.page-id-741 .form-row-last {
    width: 100%;
    }

    That will ONLY effect that specific page so there won’t be any other width extension on other forms.

    Regards,

    Devin

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘forgot password button behind password field’ is closed to new replies.