Username/Password Text Box Overflow

  • Wayne Smith

    (@waynesmith1971)


    8 years, 8 months ago

    I’ve been running an older version of Theme My Login (6.3.12) for quite a long time because I was experiencing an error with the width of the Username and Password text box overflowing into my theme whenever I upgraded to the latest version – thankfully I had a backup of my site so I restored the previous version and left it at that version.

    Today I decided to see if I could fix this problem once and for all, and I did find an old support ticket relating to exactly this issue here (https://wordpress.org/support/topic/text-box-overflow/) and I seem to remember this fix did work at one point, so I tried to follow the same process.

    I opened the theme-my-login/theme-my-login.css file and noticed I had the following piece of code inside this file:

    .login input {
    max-width: 90%;

    So I figured if I took the risk and updated the plugin to the latest version (6.4.9) and then copied and pasted the above code back into the theme-my-login/theme-my-login.css file, it might fix the problem again.

    However, once I upgraded the plugin and opened the CSS file, the code was completely different and did not resemble even slightly the code from the older version – in any event I did paste that piece of code inside the CSS file and saved it, but the text box width was still overflowing on my menu bar.

    I then went through line-by-line the code inside the theme-my-login/theme-my-login.css file and one-by-one changed any value of anything that related to ‘100%’ down to ‘80%’, saved the file and logged out of the website just to see if the Username and Password login boxes had reduced in size to fit the size of the widget, but after trying every value within this file, nothing seemed to work and now I’m left scratching my head wondering what I might be doing wrong.

    Can you please put me out of my misery and walk me through step-by-step what piece of code, and where to reduce the Username and Password box size down so they fit on my website.

    Many thanks in advance
    Wayne

    primeresidential.org.uk

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Wayne Smith

    (@waynesmith1971)

    8 years, 8 months ago

    Is there a solution to this problem, I can’t believe it is that difficult to just reduce the width of the username and password boxes on the sidebar widget but I genuinely don’t know what piece of code I need to change to fix this.

    I really would appreciate any help, advice or pointers just so I can resolve this issue once and for all.

    Many thanks in advance
    Wayne

    Plugin Author Jeff Farthing

    (@jfarthing84)

    8 years, 7 months ago

    You just need to use CSS to set it to the width you want it to be…

    Thread Starter Wayne Smith

    (@waynesmith1971)

    8 years, 7 months ago

    I understand that Jeff but I don’t know what CSS I need to add/change to set the width. I’m not a coder but I did go through the code in the files for the plugin to see if anything stood out but everything I tried made no difference to the width size.

    All I need is for you to tell me which piece of code refers to the username and password text box width and which file I can find it in. Once I know that I can make the changes.

    Thanks
    Wayne

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

The topic ‘Username/Password Text Box Overflow’ is closed to new replies.