forgot password button behind password field « Support Forum | Kriesi.at

Support Forum » Abundance

forgot password button behind password field

12 posts from 4 voices

Started 6 months ago by superfoods
Latest reply from Devin
This topic is not a support question

Tags:

No tags yet.

superfoods
Member

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

Posted 6 months ago #
Devin
Moderator

Hi Anita,

Can we see the page you are talking about?

Regards,

Devin

Posted 6 months ago #
superfoods
Member

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

Posted 6 months ago #
Dude
Dude
Hey!

Try to add following css code to css/custom.css:
```
form.login .form-row {
width: 70%;
```
Best regards,
Peter
Posted 6 months ago #
superfoods
Member

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

Posted 6 months ago #
Devin
Moderator
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
Posted 6 months ago #
superfoods
Member

Hi Devin,

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

Regards, Anita

Posted 6 months ago #

Ismael
Moderator

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

Posted 6 months ago #

superfoods
Member

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

Regards, Anita

Posted 6 months ago #
Ismael
Moderator

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

Posted 6 months ago #
superfoods
Member

Hi Ismael.

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

Thanks a lot,

Regards, Anita

Posted 5 months ago #
Devin
Moderator
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
Posted 5 months ago #

RSS feed for this topic

Reply

You must log in to post.

Kriesi.at - Wordpress Themes and HTML Templates

forgot password button behind password field

Reply

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…